:root {
  --main-color: #447099 ;
  /*--title-color: #870511 ;*/
}

.card-img-top {
  width: 100%; /* Ensures all images stretch to the card width */
  height: 300px; /* Set a uniform height for all images */
  object-fit: cover; /* Crop images to fill the set dimensions */
  transition: object-position 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.card-img-top:hover {
  object-fit: contain; /* Show the whole image on hover */
  object-position: center; /* Center the image when fully visible */
  transform: scale(1.1); /* Slight zoom to ensure visibility */
}



.colorized {
  color: var(--main-color) ;
}


a:link {
  color: var(--main-color);
  /*background-color: transparent;
  text-decoration: none;*/
}
a:visited {
  color: var(--main-color);
  /*background-color: transparent;
  text-decoration: none;*/
}

a.nav-link:link, a.navbar-title:link, a.navbar-brand:link {
  color: white;
  /*background-color: transparent;
  text-decoration: none;*/
}

a.nav-link:visited, a.navbar-title:visited, a.navbar-brand:visited {
  color: white;
  /*background-color: transparent;
  text-decoration: none;*/
}


/*
h1, h2 {
  color: var(--main-color) ;
}
*/

.no-anchor.card-title.listing-title {
    font-weight: bolder !important;
    color: var(--main-color) !important;
}


.navbar-title code {
    color: var(--main-color) ;
    background-color: inherit;
  }



p {
    text-align: justify;
  }


  /* css styles */
.grid-item-link {
  color: inherit;
  text-decoration: none; /* Remove underline */
  transition: transform 0.2s ease-in-out; /* Add transition for smooth effect */
}

.grid-item-link:hover {
  transform: scale(1.05); /* Increase the scale for a zoom effect */
}

.card-title.listing-title {
  font-weight: bold; /* Set the card title to bold */
  margin-bottom: 1em; /* Add a little more space after the title */
}

.card-body.post-contents {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.listing-categories {
  margin-top: auto;
}

.listing-category:hover {
  transform: scale(1.05); /* Apply a slight zoom effect */
  transition: transform 0.3s ease-in-out; /* Add a smooth transition */
}


.category {
  color: #6c757d;
  display: inline-block; /* Add this line */
  border: solid 1px #dee2e6;
  border-radius: .25rem;
  text-transform: uppercase;
  font-size: .65em;
  padding-left: .5em;
  padding-right: .5em;
  padding-top: .15em;
  padding-bottom: .15em;
  cursor: pointer;
  margin-right: 4px;
  margin-bottom: 4px;
}

pre code.bash {
  position: relative;
  padding-left: 1em; /* Adjust based on prompt width */
}

pre code.bash::before {
  content: "$ ";
  position: absolute;
  left: 0;
  color: #888; /* Adjust color as needed */
}