David and Jan Stoop

/* ----------------------------------------- */ /* View slug: contributor-archive-list - start */ /* ----------------------------------------- */ /* Small devices (tablets, 768px and up) */ @media only screen and (min-width: 769px) { .post-row { display: flex; margin: 2em 0; } } /* ----------------------------------------- */ /* View slug: contributor-archive-list - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-contributor-archive-list - start */ /* ----------------------------------------- */ .archive-post-block { border: 1px solid #eaeaea; border-radius: 0px; margin-top: 2em; min-height: 100%; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; justify-content: flex-start; } .post-thumbnail { padding-bottom: calc( 0.55 * 100% ); position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .post-thumbnail img { width: calc(100% + 1px); height: auto; position: absolute; top: calc(50% + 1px); left: calc(50% + 1px); -webkit-transform: scale(1.01) translate(-50%,-50%); -ms-transform: scale(1.01) translate(-50%,-50%); transform: scale(1.01) translate(-50%,-50%); display: block; max-height: none; max-width: none; } .post-text { vertical-align: top; } .post-title { margin: 20px 0 0 0; padding: 0 30px; } .post-title h3 { font-size: 32px; margin-bottom: 25px; } .post-title h3 a { color: #3a3a3a; font-weight: 600; text-decoration: none; } .post-excerpt { line-height: 1.7; margin-bottom: 25px; padding: 0 30px; } .post-meta-date { margin-top: auto; padding: 15px 30px; margin-bottom: 0; border-top: 1px solid #eaeaea; text-transform: uppercase; color: #7a7a7a; line-height: 2rem; font-size: 1rem; } /* ----------------------------------------- */ /* Content Template: loop-item-in-contributor-archive-list - end */ /* ----------------------------------------- */