/*blog section design*/
.blogentry .excerpt {
    padding-left: 20px;
    padding-right: 20px;
}
.post-category {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    letter-spacing: .2em;
    font-weight: 700;
    font-size: .6rem;
    text-transform: uppercase;
}
.blogentry .post-meta {
    color: #b3b3b3;
    font-size: 1em;
    width: 100%;
    display: inline-flex;
}
.post-meta {
    font-size: 1em;
    color: #b3b3b3;
}
.blogentry img {
    margin-bottom: 10px;
}
.blogentry .post-meta .author-figure img {
    width: 30px;
    border-radius: 50%;
}
.blogentry .post-meta span {
    margin-left: 5px;
}

  /*frequently asked questions*/

    .card-horizontal {
      display: flex;
      flex: 1 1 auto;
      border-radius: 5px;
      padding: 5px;
      justify-content: center;
      align-items: center;
      background-color: #f9fafc;
      border-color: #f9fafc;
    }
  
    .faqAvatarImg {
      width: 35px;
      height: 35px;
    }
  
    div#accordionFAQExample .card {
      background-color: white;
      margin: 10px;
    }

    div#accordionFAQExample .faquestion{
      font-size: 1em;
      font-weight: 600;
      color: var(--color-primary);
    }
    
  
    .card-horizontal:hover,
    .card-horizontal:focus {
      border-color: var(--color-lblue);
    }
  
    [aria-expanded="true"] img.arrowup {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg);
    }