/* content */

.content {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;

   max-width: 1250px;
   padding: 50px 0;
   margin: auto;
}

@media (min-width: 60rem) {
   .content {
      flex-direction: row;
   }
}

.content > * {
   padding: 0 25px;
}

article,
aside {
   width: 100%;
   padding: 0 25px;
}

@media (min-width: 60rem) {
   article {
      width: 55%;
   }

   aside {
      width: 40%;
   }
}

/* post */

.post h2.title {
   margin: 10px 0;

   font-size: 28px;
   font-weight: 400;
   color: #333;
   text-transform: uppercase;
}

.post ul.post_facts,
.post ul.tags {
   padding: 0;
   margin: 0;

   list-style: none;
}

.post ul.post_facts {
   margin-bottom: 20px;
}

.post ul.post_facts > li {
   margin: 0 20px 0 0;
}

.post ul.post_facts li,
.post ul.tags li {
   display: inline-block;
}

.post ul.post_facts li,
.post ul.tags li,
.post ul.post_facts li a,
.post ul.tags li a {
   font-size: 12px;
   text-decoration: none;
   letter-spacing: 0.5px;
   color: #909090;
}
.post ul.post_facts li a:hover,
.post ul.tags li a:hover {
   color: #655e7a;
}

.post img.main {
   width: 100%;
}

/* content */

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
   font-weight: 500;
   color: #333;
}

.post h2 {
   font-size: 25px;
}
.post h3 {
   font-size: 22px;
}
.post h4 {
   font-size: 19px;
}
.post h4 {
   font-size: 16px;
}
.post h5,
.post h6 {
   font-size: 15px;
}

.post p {
   font-size: 15px;
   line-height: 26px;
   color: #7b7b7b;
}

.post ul {
   font-size: 15px;
   line-height: 26px;
   color: #7b7b7b;
}

.post img {
   display: block;

   max-width: 100%;
   margin: auto;
}

/* aside / widgets */

.widget {
   margin-bottom: 75px;
}

.widget h3 {
   font-size: 16px;
   font-weight: 500;
   color: #333;
}

.widget hr {
   border: none;
   border-bottom: 1px solid #dedede;
}

.widget ul {
   padding: 0;
   margin: 0;

   list-style: none;
}

/* recent */

.widget.recent li {
   margin-top: 20px;
}

.widget.recent li > * {
   vertical-align: middle;
}

.widget.recent li > a {
   display: inline-block;

   width: 30%;
}

.widget.recent img {
   width: 100%;
}

.widget.recent li > div {
   display: inline-block;

   width: 65%;
   padding: 10px;
}

.widget.recent li h4,
.widget.recent li p {
   margin: 5px 0;
}

.widget.recent li h4 a {
   font-size: 16px;
   font-weight: 400;
   text-decoration: none;
   color: #000;
}

.widget.recent li p {
   font-size: 12px;
   color: gray;
}

/* tags */

.widget.tags ul {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.widget.tags ul li {
   margin: 3px;
}

.widget.tags li a {
   display: inline-block;

   padding: 8px 16px;
   border: 1px solid #dedede;
   border-radius: 30px;

   font-size: 14px;
   text-decoration: none;
   line-height: 1.5;
   color: #837f7e;
}

.widget.tags li a.active {
   cursor: default;
}

.widget.tags li a:hover,
.widget.tags li a.active {
   background: #655e7a;
   border: 1px solid #655e7a;

   color: #fff;
}