.background-dark {
  background-color: #1e2431; }

.blog-row {
  padding-bottom: 0; }
  .blog-row .blog-timeline-caption {
    width: 150px;
    margin-left: 30px;
    padding: 5px 15px;
    font-size: 14px;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color: #4b515f; }
    .blog-row .blog-timeline-caption i {
      margin-right: 10px; }
  .blog-row .blog-timeline-v-line-divider-sm {
    width: 75px;
    height: 45px;
    border-right: 1px solid #2f3542; }
  .blog-row .blog-timeline-v-line-divider-lg {
    width: 75px;
    height: 105px;
    border-right: 1px solid #2f3542; }
  .blog-row .blog-col {
    background-color: #2f3542; }
    .blog-row .blog-col.background-dark {
      background-color: #15171b; }
    .blog-row .blog-col .blog-left-icon {
      float: left;
      width: 65px;
      padding-top: 30px;
      text-align: right;
      font-size: 36px; }
      @media (max-width: 480px) {
        .blog-row .blog-col .blog-left-icon {
          display: block;
          float: none;
          margin: auto;
          text-align: center; } }
    .blog-row .blog-col .blog-image {
      margin-bottom: 0; }
    .blog-row .blog-col .blog-content {
      padding: 30px; }
      .blog-row .blog-col .blog-content .blog-detail {
        margin-top: 15px;
        font-size: 12px; }
        .blog-row .blog-col .blog-content .blog-detail .blog-user-name,
        .blog-row .blog-col .blog-content .blog-detail .blog-category {
          color: #00d5c3; }
      .blog-row .blog-col .blog-content .blog-footer {
        padding-top: 15px; }
        .blog-row .blog-col .blog-content .blog-footer .footer-left {
          float: left; }
        .blog-row .blog-col .blog-content .blog-footer .footer-right {
          float: right; }
      .blog-row .blog-col .blog-content.right-content {
        float: left;
        width: calc(100% - 65px); }
        @media (max-width: 480px) {
          .blog-row .blog-col .blog-content.right-content {
            float: none;
            width: auto; } }

/* Blog with image slider */
.blog-image-slider .slick-dots {
  bottom: 10px; }
  .blog-image-slider .slick-dots li {
    padding: 3px; }
    .blog-image-slider .slick-dots li button {
      width: 10px;
      height: 10px;
      border: 2px solid white;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -o-border-radius: 10px;
      -ms-border-radius: 10px;
      -khtml-border-radius: 10px;
      border-radius: 10px; }
    .blog-image-slider .slick-dots li.slick-active button {
      width: 10px;
      height: 10px;
      background-color: #00d5c3;
      border-color: #00d5c3;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -o-border-radius: 10px;
      -ms-border-radius: 10px;
      -khtml-border-radius: 10px;
      border-radius: 10px; }
      .blog-image-slider .slick-dots li.slick-active button:before {
        content: none; }