/* Product list page (pages/product_list.blade.php). Section padding and headings
   come from sections.css; this file holds only page-specific pieces. */

   .pl-hero img {
    display: block;
    width: 100%;
    height: auto;
}

/* Cancel the mobile `main { top: -120px }` shift so the header doesn't cover the image */
@media (max-width: 1024px) {
    .pl-hero:first-child {
        margin-top: 120px;
    }
}

.pl-list .post-item .post-item-description > h2,
.pl-list .post-item .post-item-description > h2 > a {
    line-height: 26px;
}

@media (max-width: 767px) {
    /* .text-justify is !important in plugins.css; justify leaves wide gaps on narrow screens */
    .pl-list .text-justify {
        text-align: left !important;
    }

    .pl-list .pl-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    /* Inline 670px only makes sense for the 3-up desktop row */
    .pl-list .post-item-wrap {
        height: auto !important;
    }

    .pl-list .post-item-description p {
        font-size: 15px;
        line-height: 1.7;
    }
}