@font-face {
  font-family: 'FontAwesomeFree';
  src: url('/assets/fonts/fa-solid-900.woff2') format('woff2'),
    url('/assets/fonts/fa-solid-900.woff') format('woff'),
    url('/assets/fonts/fa-solid-900.ttf') format('ttf');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-ExtraBold.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-ExtraBold.woff') format('woff'),
  url('/assets/fonts/GothicA1-ExtraBold.ttf') format('ttf');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-Black.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-Black.woff') format('woff'),
  url('/assets/fonts/GothicA1-Black.ttf') format('ttf');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-Bold.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-Bold.woff') format('woff'),
  url('/assets/fonts/GothicA1-Bold.ttf') format('ttf');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-ExtraLight.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-ExtraLight.woff') format('woff'),
  url('/assets/fonts/GothicA1-ExtraLight.ttf') format('ttf');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-Medium.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-Medium.woff') format('woff'),
  url('/assets/fonts/GothicA1-Medium.ttf') format('ttf');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-Light.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-Light.woff') format('woff'),
  url('/assets/fonts/GothicA1-Light.ttf') format('ttf');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-Regular.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-Regular.woff') format('woff'),
  url('/assets/fonts/GothicA1-Regular.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-SemiBold.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-SemiBold.woff') format('woff'),
  url('/assets/fonts/GothicA1-SemiBold.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('/assets/fonts/GothicA1-Thin.woff2') format('woff2'),
  url('/assets/fonts/GothicA1-Thin.woff') format('woff'),
  url('/assets/fonts/GothicA1-Thin.ttf') format('ttf');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Gothic A1", "Helvetica";
  font-size: 15px;
  color: #231f20;
}

.container {
  min-width: 80%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #002554;
}

h1 {
  font-size: 60px;
  font-weight: 800;
}

h2 {
  font-weight: 800;
}

a, a:hover {
  color: #17a2b8;
  text-decoration: underline;
}

.alert a:hover {
  color: #fff;
}

p a {
  font-weight: 600;
}

.text-white a, .text-white a:hover {
  color: #fff !important;
}

.text-dark a {
  color: #000 !important;
}

.text-navy {
  color: #002554;
}

.text-height-1 {
  line-height: 1.5!important;
}

.text-height-2 {
  line-height: 2!important;
}

.main-header .brand-image {
  margin-top: -.5rem;
  margin-right: .2rem;
  height: 33px;
}

.navbar-yellow {
  background-color: #FFCE01 !important;
  padding: 0;
  font-weight: 500;
}

.navbar-navy {
  background-color: #002554 !important;
  padding: .6rem 0;
}

.navbar-navy .nav-item {
  font-size: 20px;
}

.navbar-navy .nav-item a, .navbar-navy .nav-item a:hover {
  color: #fff;
}

.navbar-navy .nav-item a.btn, .navbar-navy .nav-item a.btn:hover {
  color: #000 !important;
}

.nav-item.active, .dropdown-item.active {
  font-weight: 900;
  background-color: transparent;
}

.nav-item .dropdown-item:focus, .nav-item .dropdown-item:hover {
  background-color: transparent;
}

.navbar-nav a, .login-logo a, a.nav-link, .sidebar a, a.brand-link, a.btn, .info-box a {
  text-decoration: none;
}

@media (max-width: 768px) {
  html[lang="en"] .content-wrapper {
    margin-top: 9rem !important;
  }

  html[lang="fr"] .content-wrapper {
    margin-top: 10rem !important;
  }
}

@media (min-width: 1024px) {
  html[lang="en"] .content-wrapper {
    margin-top: 7rem !important;
  }

  html[lang="fr"] .content-wrapper {
    margin-top: 10rem !important;
  }

}

@media (min-width: 1025px) {
  html[lang="en"] .content-wrapper {
    margin-top: 6rem !important;
  }

  html[lang="fr"] .content-wrapper {
    margin-top: 7rem !important;
  }
}

@media (min-width: 1441px) {
  html[lang="en"] .content-wrapper {
    margin-top: 6rem !important;
  }

  html[lang="fr"] .content-wrapper {
    margin-top: 6rem !important;
  }
}

.navbar-toggler {
  margin-left: 0.5em;
  color: #fff;
}

.brand-link {
  padding-top: 2.1rem;
  padding-bottom: 2.2rem;
}

.brand-link.bg-white {
  background-color: #002554 !important;
}

.bg-navy {
  background-color: #002554 !important;
}

.bg-callout {
  background-color: #4698CB !important;
}

.alert-info {
  color: #fff;
  background: #17a2b8;
  border-color: #148ea1;
}

#search-info.bg-callout {
  background-color: #17a2b8 !important;
}

/*
 * Content
 */

.content-header .breadcrumb {
  display: none;
}

.content-header h1 {
  margin-top: 0.5em !important;
}

.content-header.bg-info {
  background: #eee !important;
  color: #000 !important;
}

.wrapper {
  background: #fff;
}

.content-wrapper {
  background-color: #fff;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  margin-top: calc(6rem + 1px) !important;
}

.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
  height: calc(6.2rem + 1px) !important;
}

.dropdown-menu {
  z-index: 1040;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #002554;
}

.page-link {
  color: #000;
  text-decoration: none;
}

.btn-outline-primary {
  border-color: #002554;
  color: #002554;
}

.page-item.active .page-link, .btn-primary, .btn-primary:hover, .btn-outline-primary:hover {
    background-color: #002554;
    border-color: #002554;
}

a.dropdown-item {
  text-decoration: none;
}

.callout.callout-info {
  border-left-color: #fff;
}

/*
 * Footer
 */

footer.main-footer h1, footer.main-footer .h1, footer.main-footer h2, footer.main-footer .h2, footer.main-footer h3,
footer.main-footer .h3, footer.main-footer h4, footer.main-footer .h4, footer.main-footer h5, footer.main-footer .h5,
footer.main-footer h6, footer.main-footer .h6 {
  font-weight: 600;
  color: #002F65;
}

.main-footer {
  padding: 0;
  margin-top: 5em;
}

.can_path_footer {
  background-color: #f8f8f8;
}

#tab_lists #results-tabContent #vosr-studies-result thead tr:nth-child(1) th:nth-child(n+5),
#tab_lists #results-tabContent #vosr-studies-result thead tr:last-child th:nth-child(n+6),
#tab_lists #results-tabContent #vosr-studies-result tbody tr td:nth-child(n+10),
#tab_lists #results-tabContent #vosr-datasets-result thead tr th:nth-child(n+4),
#tab_lists #results-tabContent #vosr-datasets-result tbody tr td:nth-child(n+4),
#tab_coverage #vosr-coverage-result thead tr:last-child th:nth-child(n+2),
#tab_coverage #vosr-coverage-result tbody tr td:nth-child(n+2) {
  text-align: right;
}

#vosr-coverage-result .badge.badge-primary {
  font-size: 100%;
  color: #17a2b8;
  background-color: initial;
  padding: 0;
}

#search-application #sidebar a {
  color: #555;
}

#search-application #sidebar a:hover {
  color: #002554;
}