/*
 * Custom CSS
 */
 @font-face {
  font-family: 'bluu';
  src: url('bluunext-bold-webfont.woff2') format('woff2'),
       url('bluunext-bold-webfont.woff') format('woff'),
       url('bluunext-bold.ttf') format('truetype'),
       url('bluunext-bold-webfont.svg#bluu_nextbold') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'bluu';
  src: url('bluunext-bolditalic-webfont.woff2') format('woff2'),
       url('bluunext-bolditalic-webfont.woff') format('woff'),
       url('bluunext-bolditalic.ttf') format('truetype'),
       url('bluunext-bolditalic-webfont.svg#bluu_nextbold_italic') format('svg');
  font-weight: normal;
  font-style: italic;

}

:root {
  --bs-body-bg: var(--bs-gray-100);
  --bs-primary: #12562e;
}


body {
  font-family: 'Inter', sans-serif;
}

h1 {
  font-family: 'bluu', sans-serif;
}

.btn-primary {
  background-color: #12562e;
  border-color: #12562e;
  color: #FFF;
}

.btn-primary:hover {
  background-color: #0e4d2a;
  border-color: #0e4d2a;
  color: #FFF;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(18, 86, 46, 0.5);
}

.btn-primary:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(18, 86, 46, 0.5);
  background-color: #0e4d2a;
  border-color: #0e4d2a;
}

.btn-primary:active {
  background-color: #0e4d2a !important;
  border-color: #0e4d2a !important;
  color: #FFF;
}

.btn-primary:active {
  background-color: #0e4d2a;
  border-color: #0e4d2a;
}