/* -----------------General------------------- */
.card {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #7777;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
}

.card > * {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.card-title {
  font-size: 0.9rem;
  text-align: left;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
}

.card-text {
  font-size: 0.7rem;
  text-align: left;
}

/* -------------Blog Sections----------------- */
#blogs .card-title {
  font-size: 1.2rem;
  text-decoration: none;
  color: #01a9e7;
}
#blogs .card-title a {
  color: #01a9e7;
}

#blogs .card-text {
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

#blog {
  text-align: justify;
}

#blog #previous:not(.disabled):hover,
#blog #next:not(.disabled):hover {
  background-color: lightgrey;
  color: #eee !important;
}

#blog figure {
  text-align: center;
  padding: 2%;
}

#blog img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-bottom: 2%;
}

#blog img.img-thumbnail {
  aspect-ratio: 1/1;
  max-width: 200px;
}

.linkblog {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1rem;
  letter-spacing: 2;
  color: #333;
}

/* --------------------Publication sections----------- */

#publications .btn {
  font-size: 0.8rem;
  margin-bottom: 1%;
}
#publications .card-title {
  font-size: 1.5rem;
}

/* --------------------About sections----------- */

#about .card-title {
  text-align: center;
  font-size: 1.2rem;
  width: 200%;
}

@media only screen and (max-width: 992px) {
  .card-title {
    font-size: 0.7rem;
    padding: 0;
    text-align: center;
  }

  .card img {
    width: 50%;
  }

  .card-body {
    padding: 0;
    padding-top: 5px;
  }

  #publications .card-title {
    font-size: 1.2rem;
    text-align: start;
  }
  #publications .btn {
    width: 50% !important;
  }

  #about .card-title {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 575px) {
  .card-title {
    font-size: 1rem;
    padding: 0;
    text-align: center;
  }

  .card .link {
    margin: auto;
  }
  .card img {
    width: 45vw;
    height: 33vh;
  }

  /* --------------------Publication sections----------- */
  #publications .w-75 {
    width: 90% !important;
  }
  #publications .card-title {
    text-align: start;
  }
  #publications .btn {
    padding: 0.4rem 0.6rem !important;
    margin-bottom: 5%;
  }
}