.more-posts { border-top: 4px solid $color_border; margin-top: 3.4em; .notice { @include typecsset-font-size(16px); @include typecsset-space(margin-top,0.5); @include typecsset-space(margin-bottom); @include typecsset-space(padding-bottom,0.5); border-bottom: 1px solid $color_border; color: $color__light-blue; letter-spacing: 2px; padding-left: 180px; text-transform: uppercase; } } .page-header { @include typecsset-space(margin-bottom); border-top: 4px solid $color_border; border-bottom: 1px solid $color_border; padding-left: 180px; h1 { @include typecsset-font-size(16px); @include typecsset-space(margin-top,0.75); @include typecsset-space(margin-bottom,0.5); color: $color__light-blue; letter-spacing: 2px; text-transform: uppercase; } .taxonomy-description { margin-bottom: 0.85em; } } #posts-grid { @include typecsset-space(margin-bottom); display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; padding-left: 180px; article { @include typecsset-space(margin-bottom); @include typecsset-space(padding-top); border-top: 1px solid $color_border; display: flex; flex-direction: column; align-items: stretch; width: 100%; &:first-child, &:nth-child(2) { border-top: 0; padding-top: 0; } } .post-thumbnail { margin: 0 0 12px 0; } .entry-header { border-bottom: 0; margin-bottom: 0; .entry-title { @include typecsset-font-size(24px); font-weight: 600; margin-left: 0; } .entry-title { display: block; } } .entry-meta, .entry-footer, .page-content, .entry-content, .entry-summary { margin-left: 0; } .entry-summary { @include typecsset-font-size(16px); margin-bottom: 0; } } .archive.no-sidebar { .page-header, #posts-grid { padding-left: 0; } } @media all and (min-width: 60em) { #posts-grid article { width: 47%; } }