/**
 * Builder pages (templates/pages/builder.php): only what the page itself needs.
 * The components bring their own CSS (see includes/builder/components.php).
 */

/* The header is fixed: the first component starts below it. The fact slider (.r4y-home__top)
   and the photo header (.r4y-about__hero) already have this space themselves. */
.r4y-template .r4y-builder > :first-child:not(.r4y-home__top):not(.r4y-about__hero) {
    margin-top: 90px;
}

@media (max-width: 767px) {
    .r4y-template .r4y-builder > :first-child:not(.r4y-home__top):not(.r4y-about__hero) {
        margin-top: 84px; /* header min-height on mobile */
    }
}