/*
 * v1.0.3 full-width landing layout.
 * The page background reaches both viewport edges while readable padding is
 * retained inside each section.
 */

body.dy-smc-landing-page,
body.dy-smc-landing-page #page,
body.dy-smc-landing-page #content,
body.dy-smc-landing-page .site-content,
body.dy-smc-landing-page .content-area,
body.dy-smc-landing-page .site-main,
body.dy-smc-landing-page article,
body.dy-smc-landing-page .entry-content,
body.dy-smc-landing-page .wp-block-post-content {
    max-width: none !important;
    width: 100% !important;
}

body.dy-smc-landing-page .entry-content,
body.dy-smc-landing-page .wp-block-post-content {
    margin: 0 !important;
    padding: 0 !important;
}

.dy-smc-home {
    left: 50%;
    width: 100vw;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    transform: translateX(-50%);
}

@media (min-width: 1001px) {
    .dy-smc-home-hero,
    .dy-smc-home-designs,
    .dy-smc-home-about,
    .dy-smc-home-section,
    .dy-smc-home-how,
    .dy-smc-home-safety {
        padding-left: clamp(48px, 5vw, 96px);
        padding-right: clamp(48px, 5vw, 96px);
    }
}

@media (max-width: 1000px) {
    .dy-smc-home {
        width: 100vw;
    }
}

/* Keep sufficient contrast on both dark-green information sections. */
.dy-smc-home-how,
.dy-smc-home-safety,
.dy-smc-home-how h2,
.dy-smc-home-how h3,
.dy-smc-home-how strong,
.dy-smc-home-how p,
.dy-smc-home-how li,
.dy-smc-home-how a,
.dy-smc-home-safety h2,
.dy-smc-home-safety h3,
.dy-smc-home-safety strong,
.dy-smc-home-safety p,
.dy-smc-home-safety li,
.dy-smc-home-safety a {
    color: #fff !important;
}

.dy-smc-home-how > div > p,
.dy-smc-home-how li > span,
.dy-smc-home-safety > div > p {
    color: #f3d7d8 !important;
}

.dy-smc-home-how li,
.dy-smc-home-safety li {
    border-color: rgba(255, 255, 255, .32) !important;
}