/* general styles start */

/* general styles end */

/* breadcrumbs start */
#breadcrubs-container {
    border-left: none;
    border-right: none;
    font-size: 13px;
    position: absolute;
    top: 90px;
    left: 30px;
    font-weight: bold;
    border-radius: 20px;
    width: fit-content;
    color: #053a7a;
    text-decoration: none;
  }
  .breadcrumb {
    border-radius: 3px;
    padding: 5px;
    cursor: pointer;
    color: #053a7a;
    text-decoration: none;
  }
  .breadcrumb:hover {
    text-decoration: underline;
  }
  .breadcrumb.no-click {
    cursor: default;
    color: rgb(156, 156, 156);
  }
  .breadcrumb.no-click:hover {
    text-decoration: none;
  }
  /* breadcrumbs end */


/* category heading start */
#category-heading {
    padding: 100px 0px 70px 0px;
    text-align: center;
}
#category-name {
    font-size: 30px;
    font-weight: 600;
}
/* category heading end */


/* articles start */
#content-type-categories {
    padding: 20px 0px 100px 0px;
}
#content-type-categories > a {
    text-decoration: none;
    color: black;
}
.content-type-category {
    width: 100%;
    height: fit-content;
    border: 1px solid rgb(223 223 223 / 63%);
    background-color: rgb(247, 247, 247);
    border-radius: 10px;
    padding: 20px;
    transition: 0.1s ease-out;
}
.content-type-category:hover {
    transform: scale(1.001);
    box-shadow: 0px 0px 10px 2px rgb(226, 226, 226);
    border-color: rgb(58 136 247 / 68%);
}
.article-title {
    font-family: Montserrat, Inter, sans-serif;
    font-weight: 600;
    margin: 0px;
}
.article-description {
  color: rgb(97, 97, 97);
}
.article-reading-time {
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
}
.author-name-and-image-wrapper div {
  align-items: center;
}

@media screen and (max-width: 768px){
  .content-type-category {
    flex-direction: column;
  }
  .content-type-category div {
    width: 100%;
  }
  .author-info-container {
    width: 100%;
  }
  .author-name-and-image-wrapper {
    flex-direction: row;
    width: 100%;
    gap: 20px;
    justify-content: flex-start;
  }
  .author-name-and-image-wrapper div {
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
  }
}
@media screen and (max-width: 451px){
  .author-name-and-image-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .content-type-category {
    padding: 20px 10px;
  }
  .content-type-category div {
    justify-content: center;
    align-items: center;
  }
  .article-title, .article-description {
    text-align: center;
  }
}
/* articles end */