.entry-content #jp-relatedposts {
max-width: var(--responsive--aligndefault-width);
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .pagination,
.infinite-scroll.neverending .widget-area,
.infinite-scroll.neverending footer#colophon {
/* Theme Footer (when set to scrolling) */
/* When Infinite Scroll has reached its end we need to re-display
* elements that were hidden (via .neverending) before. */
.infinity-end.neverending .widget-area,
.infinity-end.neverending footer#colophon {
body[class*=" infinity-"] main#main > article:last-of-type .entry-footer {
border-bottom: var(--separator--height) solid var(--separator--border-color);
body:not(.infinity-end) .site-main > div:nth-last-child(2) > article:last-of-type .entry-footer,
body.infinity-end .site-main > div:last-of-type > article:last-of-type .entry-footer {
.site-main > .infinite-wrap > article > .entry-footer {
margin-top: var(--global--spacing-vertical);
padding-top: var(--global--spacing-unit);
padding-bottom: calc(3 * var(--global--spacing-vertical));
border-bottom: var(--separator--height) solid var(--separator--border-color);
.site-main > .infinite-wrap > * {
margin-top: calc(3 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
margin: calc(3 * 1rem) auto;
color: var(--global--color-background);
background-color: var(--global--color-secondary);
font-family: var(--global--font-primary);
font-size: var(--global--font-size-base);
padding: 15px calc(2 * var(--button--padding-vertical));
#infinite-handle span:hover {
color: var(--global--color-secondary);
background-color: var(--global--color-background);
border-color: var(--global--color-secondary);
#infinite-handle span:active {
color: var(--global--color-secondary);
background-color: var(--global--color-background);
border-color: var(--global--color-secondary);
.widget-area .widget_block {
@media only screen and (min-width: 1024px) {
See: https://css-tricks.com/preventing-a-grid-blowout/
grid-template-columns: repeat(3, minmax(0, 1fr));
/* See https://core.trac.wordpress.org/browser/trunk/src/wp-content/themes/twentytwentyone/style.css?rev=58726#L1276 */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
.contact-form input.grunion-field[type="checkbox"],
.contact-form input.grunion-field[type="radio"] {