/* Homepage Module 7: fixed background call to action. Font sizes are in module-font-sizes.css. */
.homepage-module-seven {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 620px;
    padding-block: 120px;
    color: #fff;
    background-color: #35444a;
    background-image: linear-gradient(#0006,#0006), var(--hm7-background,none);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.hm7-container {
    width: min(var(--site-container,1320px),calc(100% - var(--site-gutter,24px) * 2));
    min-width: 0;
    margin-inline: auto;
}
.hm7-copy { max-width: 1000px; }
.hm7-copy h2 { margin: 0 0 20px; color: #fff; }
.hm7-copy p { margin: 0 0 30px; color: #fff; white-space: pre-line; overflow-wrap: anywhere; }
.hm7-button {
    display: inline-block;
    max-width: 100%;
    padding: 16px 24px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
    transition: background-color .2s ease,color .2s ease;
}
.hm7-button:hover { background: #fff; color: #24424c; }
@media(max-width:700px) { .homepage-module-seven { min-height:420px; padding-block:80px; background-attachment:scroll; } }
@media(hover:none),(prefers-reduced-motion:reduce) { .homepage-module-seven { background-attachment:scroll; } }
@media(prefers-reduced-motion:reduce) { .hm7-button { transition:none; } }