.list-alternate, .list-view { .site-main { article { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid rgba($primary_color, 0.3); display: flex; flex: 1; flex-wrap: wrap; .post-thumbnail { width: 60%; position: relative; min-height: 350px; img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } }//.post-thumbnail .entry-header { width: 40%; background: $white_color; padding: 40px 0 40px 40px; position: relative; right: 50px; margin-top: 20px; margin-bottom: 20px; display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: flex-start; .entry-title { font-size: 1.3333em; } }//.entry-header .entry-meta { > span { font-size: 0.6666em; text-transform: uppercase; font-weight: 700; color: #999; letter-spacing: 1px; a { color: #999; &:hover { color: $primary_color; } } } }//.entry-meta &:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .btn-readmore { padding: 0; background: none; color: $primary_color; font-size: 0.7778em; border-bottom: 1px solid; line-height: 1.3em; &:hover { color: $black_color; } + .edit-link { margin-left: 20px; display: inline-block; vertical-align: middle; } }//.btn-readmore }//article }//.site-main }//.list-alternate .list-alternate { .site-main { article { &:nth-child(2n) { flex-direction: row-reverse; .entry-header { right: auto; left: 50px; padding-right: 40px; padding-left: 0; } }//&:nth-child(2n) }//article }//.site-main }//.list-alternate @include media(xs) { .list-alternate, .list-view { .site-main { article { flex-direction: column; padding-bottom: 30px; .post-thumbnail { width: 100%; min-height: auto; img { position: static; } }//.post-thumbnail .entry-header { width: 100%; right: 0; padding: 20px; margin: 0; }//.entry-header &:last-child { padding-bottom: 0; } }//article }//.site-main }//.list-alternate, .list-view .list-alternate { .site-main { article { &:nth-child(2n) { flex-direction: column; .entry-header { left: 0; padding-right: 20px; padding-left: 20px; } } }//article }//.site-main }//.list-alternate }//@include media(xs)