@font-face {
  font-family: 'BasierCircle';
  src: url('/assets/fonts/basiercircle-regular-webfont.eot');
  src: url('/assets/fonts/basiercircle-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/basiercircle-regular-webfont.woff') format('woff'),
    url('/assets/fonts/basiercircle-regular-webfont.ttf') format('truetype'),
    url('/assets/fonts/basiercircle-regular-webfont.svg#webfont') format('svg');
}

@font-face {
  font-family: 'BasierCircleBold';
  src: url('/assets/fonts/basiercircle-bold-webfont.eot');
  src: url('/assets/fonts/basiercircle-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/basiercircle-bold-webfont.woff') format('woff'),
    url('/assets/fonts/basiercircle-bold-webfont.ttf') format('truetype'),
    url('/assets/fonts/basiercircle-bold-webfont.svg#webfont') format('svg');
}

* {
  font-family: BasierCircle, 'Helvetica Neue', sans-serif;
  --bs-primary: #f64d41;
  --bs-primary-rgb: 246, 77, 65;
  --bs-link-color: #f64d41;
  --bs-link-color-rgb: 246, 77, 65;
  --bs-nav-pills-link-active-bg: #f64d41;
}

a {
  --bs-link-color-rgb: 246, 77, 65;
}

#navbar {
  background-color: #222 !important;
}

.nav-link:focus,
.nav-link:hover {
  color: #fff;
}

.nav-item.dropdown .btn.show {
  color: #fff !important;
  --bs-btn-active-color: #fff;
  --bs-link-hover-color-rgb: 255, 255, 255;
}

.card:hover {
  --bs-card-border-color: var(--bs-primary);
}

p.card-text {
  margin-bottom: 0;
}

h1 {
  font-family: BasierCircleBold, 'Helvetica Neue', sans-serif;
  --bs-heading-color: #f64d41;
}

h2 {
  font-family: BasierCircleBold, 'Helvetica Neue', sans-serif;
  --bs-heading-color: #f64d41;
  border-left: 10px solid;
  padding-left: 10px;
}

body,
header {
  background: transparent url('/assets/8ko-bg_malla.png') repeat !important;
}

#intro {
  background: #222 url('/assets/8ko-bg_malla.png') repeat !important;
}

.card-body {
  min-height: 122px;
}

.card-text {
  font-size: 1.25rem !important
}

#back-to-top {
  background-color: #f64d41;
}

li {
  line-height: 26px;
}

.left-separator {
  border-left: 2px solid var(--bs-primary);
  border-image:
    linear-gradient(to bottom,
      var(--bs-primary),
      rgba(0, 0, 0, 0)) 1 100%;
}

.right-separator {
  border-right: 2px solid var(--bs-primary);
  border-image:
    linear-gradient(to bottom,
      var(--bs-primary),
      rgba(0, 0, 0, 0)) 1 100%;
}

.hvr-icon-forward {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

img.asset {
  width: 100%;
}