body{
  font-family: Arial, arial, sans-serif;
}

h1{
  font-size: 2.5em;
  font-family: Arial, 'Times New Roman', Times, serif;
}

h2{
  font-size:2.2rem;
  font-family: Arial;
    font-weight: 500;
}

h3{
  font-family: Arial, 'Times New Roman', Times, serif;
}

h5{
  font-size: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
  margin-bottom:0px;
}

h6{
  font-size: 1.25rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
}

.category-buttons{
  background-color: #E2E2E2;
  color:#000;
  padding:.5rem;
  padding-right: .75rem;
  width:max-content;
  text-align: center;
  border-radius: .5rem;
  display: flex;
  align-items: center;
  gap: 4px;
}


.category-buttons-inline{
  display: flex;
  gap: .5rem;
  overflow: scroll;
}

input[data-hook=search-query] {
  display: none;
}

.js input[data-hook=search-query] {
  display: block;
}

.js .js-hidden { display: none; }
.js-shown { display: none; }
.js .js-shown { display: block; }

.organization-thumbnail img,
.category-thumbnail img {
  width: 64px;
}

dataset {
  display: block;
  border-bottom: 1px #d6d6d6 solid;
  padding-bottom: 10px;
  padding-top: 10px;
}

.list-group-item-truncate {
  display: inline-block;
  line-height: 1;
  width: 75%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.resource-description {
  font-size: 90%;
}

.datasets-count {
  display: inline-block;
}

.resource-details,
.show-resource-details {
  display: none;
}

.show-resource-details {
  font-size: 80%;
}

.card-grid {
  text-align: justify;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 1rem;
  grid-auto-flow: dense;
  margin-top: 15px;
}

.card-grid-organizations {
  grid-template-columns: 1fr;
  /* grid-template-rows: repeat(auto-fill, minmax(150px, 1fr)); */
}

.card-grid .card-grid-item:hover {
  background-color: #abccfb;
}

.card-grid .card-grid-item {
  min-width: 150px;
  text-align: center;
  border: none;
  padding: 10px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.card-grid .card-grid-item img {
  height: 80px;
  margin: auto;
}

.card-grid a {
  color: #000;
}


.breadcrumb {
  background-color: #e9ecef;
  padding: .75rem 1rem;
  border-radius: .25rem;
}

a{
  color: #001290;
  text-decoration: none ;
}

.btn-download {
    color: #000;
    background-color: #E0E0E0;
    width: 100%;
}

.card-data{
  border:#000;
  background-color: #F7F7F7;
  border-radius: .25rem;
}

.navbar-light .navbar-nav .nav-link{
  color:black;
}

.custom-btn {
    background-color: #001290;
    color: white;
    border: none; 
    padding: 10px 20px;
    text-decoration: none; 
    border-radius: 5px; 
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.custom-btn:hover {
    background-color: #000e6b;
    color: white;
    transform: scale(1.05);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
}