.tesseract-post-list .tesseract-post-compact {
padding: 30px 0 40px;
border-bottom: 1px solid #DDD; }
.tesseract-post-list .tesseract-post-compact:after {
content: "";
display: table;
clear: both; }
.tesseract-post-list .tesseract-post-compact .post-header {
float: left;
width: 30%;
margin-right: 5%; }
.tesseract-post-list .tesseract-post-compact .post-header .featured-image img {
max-width: 100%;
height: auto; }
.tesseract-post-list .tesseract-post-compact .post-header .date, .tesseract-post-list .tesseract-post-compact .post-header .author {
color: #888; }
.tesseract-post-list .tesseract-post-compact .post-header .date {
font-weight: 700; }
.tesseract-post-list .tesseract-post-compact .entry {
float: left;
width: 65%; }
.tesseract-post-list .tesseract-post-compact .entry .title {
font-size: 28px;
word-spacing: -1px;
line-height: 1.3;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700; }
.tesseract-post-list .tesseract-post-compact .entry .content {
font-size: 14px; }
@media screen and (max-width: 480px) {
.tesseract-post-list .tesseract-post-compact .post-header, .tesseract-post-list .tesseract-post-compact .entry {
float: none;
width: 100%; } }
.tesseract-post-list .tesseract-post-vertical {
padding: 30px 0 40px;
border-bottom: 1px solid #DDD; }
.tesseract-post-list .tesseract-post-vertical .post-header {
margin-bottom: 20px; }
.tesseract-post-list .tesseract-post-vertical .post-header .author-and-date {
color: #888;
font-weight: 700; }
.tesseract-post-list .tesseract-post-vertical .post-header .title {
font-size: 28px;
word-spacing: -1px;
line-height: 1.3;
margin-top: 0;
margin-bottom: 20px;
font-weight: 700; }
.tesseract-post-list .tesseract-post-vertical .post-header .featured-image {
max-height: 480px;
overflow: hidden; }
.tesseract-post-list .tesseract-post-vertical .post-header .featured-image img {
max-width: 100%;
height: auto; }
.tesseract-pagination .page-numbers {
list-style: none;
margin: 0;
padding: 0;
text-align: center; }
.tesseract-pagination .page-numbers li {
display: inline-block;
margin-right: 5px; }
.tesseract-pagination .page-numbers li a {
display: inline-block;
padding: 5px; }