﻿div.page.blog-page {
    font-family: "Arimo", sans-serif;
    font-size: 16px;
}

div.blog-page .post-title {
  font-family: "Arimo", sans-serif;
  font-style: normal;
  color: #0060a9;
}

div.page.blog-page .post-body {
    color: #000;
    font-size: inherit;
}
/* Responsive columns*/
.blog-posts .column-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.blog-posts .column-wrapper .two-col {
    flex-basis: 48%;
}

@media screen and (max-width: 800px) {
  .blog-posts .column-wrapper .two-col {
    flex-basis: 100%;
  }
}

/* Post head styling */
.blog-page .blog-posts .post-head .post-date {
    color: #000;
    font: 16px 'Arimo', sans-serif;
}

/* Tag styling */
.blog-posts div.tags { /* reset absolute positioning and float */
    position: relative;
    float: none;
}

  .blog-posts div.tags label {
    background: url(/Themes/Uptown/Content/img/blog-sprite.png) no-repeat 0 -30px;
  }

.blog-page div.tags li {
    font-family: Arimo, sans-serif;
    font-size: 16px;
    color: #000;
}

.blog-page div.tags a {
    padding: 2px 0; /* reduce vertical spacing. */
}

.blog-page div.tags li.separator {
    margin: 0 5px 0 0; /* move the comma to the left more. */
}

/* Block title styling */
div.block .title strong {
  font-family: 'Arimo', sans-serif;
  font-style: normal;
  color: #0060a9;
  font-size: 16px;
}

/* Category list styling */
.post-footer .post-relations .category-list,
.secondary-font .block.blog-category-navigation .list {
    font-family: 'Arimo', sans-serif;
    font-style: normal
}

.listbox .list .year strong {
  font-family: 'Arimo', sans-serif;
  font-style: normal;
  color: #000;
  font-size: 16px;
}

.secondary-font .listbox ul.tags {
  font-family: 'Arimo', sans-serif;
  color: #000;
  font-style: normal;
}

.block ul.list a,
.block ul.list a:link,
.block ul.list a:visited {
  color: #000;
  font-family: 'Arimo', sans-serif;
  font-size: 16px;
  font-style: normal;
}

  .post-footer .post-relations .category-list ul {
    padding-left: 0.5rem;
  }

.post-footer .post-relations .category-list li {
  font-size: 16px;
}

/* Button styling */
.blog-page .blog-posts .buttons {
  bottom: 3.3rem;
}

.blog-posts .buttons a.grand-blog-button {
  font-family: Arimo, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #16468E;
  flex: none;
  order: 0;
  flex-grow: 0;
  display: block;
  margin-top: 5%;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #16468E;
  box-sizing: border-box;
}

.blog-posts .buttons a.grand-blog-button:hover {
  background: #16468E;
  color: #ffffff;
}

.blog-posts .buttons a.read-comments { /* Unset absolute positioning by theme. */
    position: relative;
    top: 0;
    left: 0;
    color: #000;
    font-family: 'Arimo', sans-serif;
    font-size: 16px;
}

@media screen and (max-width: 1280px) {
  .blog-page .blog-posts .buttons {
    position: relative;
    bottom: 0;
  }
}

@media screen and (max-width: 800px) {
  .blog-page .blog-posts .buttons {
      width: 40%;
      margin: -1rem auto 1rem;
  }
}