#cc-blog-banner {
  height: 400px;
}
section#cc-blog-banner {
  border-bottom: 10px solid var(--blue300);
}
section#cc-figure-section {
  margin-top: -40px;
}
nav#nav-blog a:visited {
  color: var(--blue500);
}
ul.nav--list {
  border-bottom: 5px solid var(--blue300);
}



/* Blog cards */
#blog-card-grid .rich-blog-image {
  height: 180px !important;
}


/* Pager */
.pager ul {
  display: flex;
  flex-flow: row;
  justify-content: space-evenly;
  margin: 0;
  padding: 0;
  list-style: none;
}
  .pager ul li {
    margin: 0px 15px;
  }

  .pager ul li a, .pager ul li span {
    border: 1px solid var(--blue300);
    border-radius: 100%;
    background-color: var(--white);
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--blue300);
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    transition: 0.3s all;
  }

  .pager ul li.current-page span {
    background-color: var(--blue300);
    color: var(--white);
  }

  .pager ul li:hover a {
    background-color: var(--blue300);
    color: var(--white);
  }
    .pager ul li.next-page a, .pager ul li.previous-page a {
      width: 100%;
      border-radius: 10px;
      padding: 0px 15px;
    }