@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

/* @font-face {
  font-family: 'intro';
  src: url('../build/intro/IntroCd-Trial-SmBd.woff2') format('woff2'),
    url('../build/intro/IntroCd-Trial-SmBd.woff') format('woff');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: 'ArchivGrotesk';
  src: url('../fonts/ArchivGrotesk-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'ArchivGrotesk';
  src: url('../fonts/ArchivGrotesk-Normal.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArchivGrotesk';
  src: url('../fonts/ArchivGrotesk-Hairline.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'ArchivGrotesk';
  src: url('../fonts/ArchivGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'ArchivGrotesk';
  src: url('../fonts/ArchivGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'ArchivGrotesk';
  src: url('../fonts/ArchivGrotesk-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}


html {
  height: 100%;
}
body {
    background-color: #eff5f3 !important;
    min-height: 100%;
    font-weight: 400; 
  }
* {
  font-family: 'ArchivGrotesk', sans-serif;
  font-weight: 400; 
  }

  .containerborder {
    margin: 3%;
    border: 2px solid #000;
    box-shadow: 10px 10px #000;
  }
  .borderShadow {
    box-shadow: 5px 5px #000;
    border: 2px solid #000;
  }

  a,
  a:hover,
  a:visited,
  a:active {
    color: inherit;
    text-decoration: none !important;
  }

  h2 a {
    color: #007778;
  }

  .page-item.active .page-link {
    background-color: #212529;
    border-color: #212529;
  }

  .search-preview {
    position: absolute;
    width: 20rem;
    z-index: 1;
    padding-left: 2.6rem;
    margin-top: 2.4rem;
  }

  .input-group-text {
    height: 2.37rem;
    background-color: white;
  }

  .search {
    width: 20rem !important;
    height: 2.37rem;
  }

  .head {
    color: #555555 !important;
  }

  .head.active,
  .head:hover {
      color: black !important;
      text-decoration: underline 0.2rem #007778 !important;
  }

  .greenhref {
    color: #007778 !important;
  }

  .containerff {
    height: fit-content;
  }

  .bkVert {
    background-color: #0a2f30;
    color: #eff5f3;
  }
  
  .textVert {
    color: #0a2f30;
  }
  .vide {
    height: 18rem;
  }
  .borderR {
    border-right: 5px dotted grey !important;
  }

  #bk {
    width: 32rem;
  }