:root {
  font-size: 18px;
  --dark-blue: #39287B;
  --light-green: #beec80; /* for green text on dark blue background */
  --accent: #78AE32;
  --dark-green: #587E25;
  --neutral-light: #fff;
}


@font-face {
    font-family: Fira-Regular;
    src: url("/-/center/OregonSummitWildfireRecovery/2023/template/css/fonts/Fira_Sans/FiraSans-Regular.ttf");
  }

  @font-face {
    font-family: Fira-Medium;
    src: url("/-/center/OregonSummitWildfireRecovery/2023/template/css/fonts/Fira_Sans/FiraSans-Medium.ttf");
  }

  @font-face {
    font-family: Fira-SemiBold;
    src: url("/-/center/OregonSummitWildfireRecovery/2023/template/css/fonts/Fira_Sans/FiraSans-SemiBold.ttf");
  }

  @font-face {
    font-family: Fira-Bold;
    src: url("/-/center/OregonSummitWildfireRecovery/2023/template/css/fonts/Fira_Sans/FiraSans-Bold.ttf");
  }

  @font-face {
    font-family: Fira-Italic;
    src: url("/-/center/OregonSummitWildfireRecovery/2023/template/css/fonts/Fira_Sans/FiraSans-Italic.ttf");
  }

html, body {
    font-size: 1.125rem;
    font-family: Fira-Regular, Arial, Helvetica, sans-serif;
    color: #333333;
}

h1, h2, h3, h4 {
  margin-top: 1.4rem;
  margin-bottom: 0.3rem;
  line-height: 1.4;
}

h1 {
    font-size: 2.813rem;
    font-family: Fira-Bold, Arial, Helvetica, sans-serif;
    
}

h2 {
    font-size: 2.5rem;
    font-family: Fira-SemiBold, Arial, Helvetica, sans-serif;
    color: var(--dark-blue);
}

h3 {
    font-size: 2.125rem;
    font-family: Fira-Medium, Arial, Helvetica, sans-serif;
    color: var(--dark-green);
}

h4 {
    font-size: 1.5rem;
    font-family: Fira-Medium, Arial, Helvetica, sans-serif;
}

p > strong {
    font-size: 1.125rem;
    font-family: Fira-Medium, Arial, Helvetica, sans-serif;

}

p > i {
  font-size: 1.125rem;
    font-family: Fira-Italic, Arial, Helvetica, sans-serif;
}

footer {
  padding: 25px;
  background-color: var(--dark-blue);
  color: #fff;
  margin-top: 20px;
}

footer p {
  margin-bottom: 0;
}

footer p > a {
  color: var(--light-green);
}

footer p > a:hover {
  color: #fff;
}

.divider {
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--dark-blue);
  width:100%;
}

/* inputs */

input[type='submit'], input[type='button'] {
  background-color: var(--accent);
  border: 1px solid var(--accent);
  color: var(--neutral-light);
  border-radius: 4px;
  padding: 8px 18px;
  text-transform: uppercase;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  margin-right: 10px;
  font-family: Fira-Medium, Arial, Helvetica, sans-serif;
}
input[type='submit']:hover, input[type='button']:hover {
  background-color: var(--neutral-light);
  color: var(--accent);
}

/* nav */

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0.5rem 2rem;
}
.dropdown-menu{
  background-color: var(--primary);
}
.dropdown-item{
  color: #fff;
  padding: 10px 20px;
}
.dropdown-item.active{
  background-color: var(--accent);
}
.dropdown-item:hover{
  background-color: transparent;
  color: var(--primary-contrast);
}

.dropdown-menu.show {
  background-color: var(--dark-blue);
  border-top: none;
  padding-bottom: 0;
  margin-top: 0;
}

.dropdown-menu.show li:hover {
  background-color: var(--accent);
  color: #fff;
}

textarea{
  height: 200px;
  width: 450px;
}

input[type='text'] {
  margin: 10px 0;
}
input[type='text'], select {
  max-width: 300px;
  height: 30px;
  width: 100%;
}
select {
  margin: 10px 0;
}

@media screen and (max-width: 600px) {
  textarea{
    height: 100px;
    width: 250px;
  }

  input[type='text'], select {
    max-width: 200px;
    height: 30px;
  }
}