/* Poppins Font from Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Montserrat Font from Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Import Source Sans Pro from Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");

:root {
  --nalu-blue: #007bff;
  --nalu-black: #3c3c3c;
  --nalu-pure-black: #000000;
  --nalu-white: #ffffff;
  --nalu-green: #80c4b9;
  --nalu-gold: #eca456;
  --nalu-font-poppins: "Poppins", sans-serif;
  --nalu-font-montserrat: "Montserrat", sans-serif;
  --nalu-orange: #EBA355;
  --nalu-orange-hover: #d36f04;
  --nalu-dark-orange: #a45500;
  --nalu-dark-orange-hover: #864805;
  --nalu-bluegreen: #4FB3A1;
  --nalu-bluegreen-hover: #429788;
  --nalu-bluegreen-light: #8ACCD0;
  --nalu-bluegreen-light-hover: #7db9bd;
}


.btn-orange {
  background-color: var(--nalu-orange) !important;
  border-color: var(--nalu-orange) !important;
  color: var(--nalu-white) !important;
}

.btn-orange:hover {
  background-color: var(--nalu-orange-hover) !important;
  border-color: var(--nalu-orange-hover) !important;
  color: var(--nalu-white) !important;
}

.btn-dark-orange {
  background-color: var(--nalu-dark-orange) !important;
  border-color: var(--nalu-dark-orange) !important;
  color: var(--nalu-white) !important;
}

.btn-dark-orange:hover {
  background-color: var(--nalu-dark-orange-hover) !important;
  border-color: var(--nalu-dark-orange-hover) !important;
  color: var(--nalu-white) !important;
}
.btn-secondary-dark-orange{
  border-color: var(--nalu-dark-orange) !important;
  color: var(--nalu-dark-orange) !important;
}
.btn-secondary-dark-orange:hover{
  background-color: var(--nalu-dark-orange) !important;
  border-color: var(--nalu-dark-orange) !important;
  color: var(--nalu-white) !important;
}
.btn-bluegreen {
  background-color: var(--nalu-bluegreen) !important;
  border-color: var(--nalu-bluegreen) !important;
  color: var(--nalu-white) !important;
}

.btn-bluegreen:hover {
  background-color: var(--nalu-bluegreen-hover) !important;
  border-color: var(--nalu-bluegreen-hover) !important;
  color: var(--nalu-white) !important;
}

.btn-outline-bluegreen {
  background-color: var(--nalu-white) !important;
  border-color: var(--nalu-bluegreen) !important;
  color: var(--nalu-bluegreen) !important;
}

.btn-outline-bluegreen:hover {
  background-color: var(--nalu-bluegreen) !important;
  border-color: var(--nalu-bluegreen) !important;
  color: var(--nalu-white) !important;
}

.btn-bluegreen-light {
  background-color: var(--nalu-bluegreen-light) !important;
  border-color: var(--nalu-bluegreen-light) !important;
  color: var(--nalu-white) !important;
}

.btn-bluegreen-light:hover {
  background-color: var(--nalu-bluegreen-light-hover) !important;
  border-color: var(--nalu-bluegreen-light-hover) !important;
  color: var(--nalu-white) !important;
}

.badge-primary {
  background-color: var(--nalu-dark-orange) !important;
}

.badge-info {
  background-color: var(--nalu-orange) !important;
}

.nalu-no-underline {
  text-decoration: none !important;
}

.nalu-no-underline:hover {
  text-decoration: none !important;
}

.nalu-no-margin {
  margin: 0 !important;
}

.nalu-link-blue {
  color: var(--nalu-blue) !important;
}

.nalu-select-input {
  color: var(--nalu-black) !important;
  padding: 0.5rem !important;
  background: #fafafa !important;
  border: 1px solid #ced4da !important;
}

.nalu-color-input {
  color: var(--nalu-black) !important;
  padding: 0.25rem !important;
  background: #fafafa !important;
  border: 1px solid #ced4da !important;
}

.nalu-bg-green {
  background-color: var(--nalu-green) !important;
}