/* =========================================================
   5M HOMEPAGE CONTENT V2
   ========================================================= */

.m5home2-page {
    --navy:#072f3d;
    --muted:#687f87;
    --green:#08715c;
    --line:#d7e4e0;
    --soft:#f6faf8;

    background:#fff;
}


.m5home2-shell {
    width:min(
        1180px,
        calc(100% - 48px)
    );

    margin:0 auto;
}


.m5home2-page h1,
.m5home2-page h2,
.m5home2-page h3 {
    color:var(--navy);
}


.m5home2-page p {
    color:var(--muted);
}


.m5home2-section-no {
    margin:0 0 16px;

    color:#607a82 !important;

    font-size:10px;

    font-weight:850;

    letter-spacing:.14em;
}



/* HERO */

.m5home2-hero {
    padding:
        89px 0 78px;

    background:
        linear-gradient(
            135deg,
            #fbfdfc,
            #eef6f3
        );
}


.m5home2-company {
    margin:0 0 17px;

    color:var(--green) !important;

    font-size:12px;

    font-weight:850;

    letter-spacing:.14em;

    text-transform:uppercase;
}


.m5home2-hero h1 {
    max-width:940px;

    margin:0;

    font-size:
        clamp(
            48px,
            5.25vw,
            72px
        );

    line-height:1.01;

    letter-spacing:-.045em;
}


.m5home2-lead {
    max-width:870px;

    margin:
        27px 0 0;

    font-size:17px;

    line-height:1.75;
}



/* GENERAL */

.m5home2-section {
    padding:
        67px 0;
}


.m5home2-soft {
    background:var(--soft);
}


.m5home2-section h2,
.m5home2-pharmexcil h2,
.m5home2-credentials h2 {
    margin:
        0 0 27px;

    font-size:
        clamp(
            36px,
            3.9vw,
            52px
        );

    line-height:1.06;

    letter-spacing:-.04em;
}


.m5home2-intro-copy {
    max-width:800px;

    margin:
        0 0 35px;

    font-size:15px;

    line-height:1.72;
}



/* BESTSELLER */

.m5home2-best {
    border-bottom:
        1px solid
        var(--line);
}



/* ABOUT */

.m5home2-two-column {
    display:grid;

    grid-template-columns:
        .75fr
        1.25fr;

    gap:90px;
}


.m5home2-copy p {
    max-width:680px;

    margin:
        0 0 17px;

    font-size:15px;

    line-height:1.75;
}



/* SERVICES */

.m5home2-services,
.m5home2-cold-grid {
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    margin-top:37px;

    border-top:
        1px solid
        #9fc3bb;
}


.m5home2-services article,
.m5home2-cold-grid article {
    min-height:260px;

    padding:
        27px 26px;

    border-right:
        1px solid
        var(--line);
}


.m5home2-services article:last-child,
.m5home2-cold-grid article:last-child {
    border-right:0;
}


.m5home2-services span,
.m5home2-cold-grid span,
.m5home2-process span {
    display:block;

    margin-bottom:27px;

    color:#98aaae;

    font-size:10px;
}


.m5home2-services h3,
.m5home2-cold-grid h3,
.m5home2-process h3 {
    margin:
        0 0 13px;

    font-size:18px;

    line-height:1.25;
}


.m5home2-services p,
.m5home2-cold-grid p,
.m5home2-process p {
    margin:0;

    font-size:11px;

    line-height:1.65;
}



/* PHARMEXCIL */

.m5home2-pharmexcil {
    padding:
        65px 0;

    background:var(--navy);
}


.m5home2-pharmexcil-grid,
.m5home2-credentials-grid {
    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:90px;

    align-items:center;
}


.m5home2-pharmexcil
.m5home2-section-no {
    color:#75a69a !important;
}


.m5home2-pharmexcil h2 {
    color:#fff;
}


.m5home2-pharmexcil-grid > p {
    margin:0;

    color:#b9cbce;

    font-size:15px;

    line-height:1.72;
}



/* PROCESS */

.m5home2-process {
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    margin-top:37px;

    border-top:
        1px solid
        #9fc3bb;
}


.m5home2-process article {
    min-height:285px;

    padding:
        27px 24px;

    border-right:
        1px solid
        var(--line);
}


.m5home2-process article:last-child {
    border-right:0;
}



/* CREDENTIALS */

.m5home2-credentials {
    padding:
        66px 0;

    background:#eef5f2;
}


.m5home2-credentials-grid > p {
    margin:0;

    font-size:15px;

    line-height:1.73;
}



/* FAQ */

.m5home2-faq {
    margin-top:34px;

    border-top:
        1px solid
        #9fc3bb;
}


.m5home2-faq details {
    border-bottom:
        1px solid
        var(--line);
}


.m5home2-faq summary {
    position:relative;

    padding:
        23px 50px 23px 0;

    color:var(--navy);

    font-size:15px;

    font-weight:750;

    cursor:pointer;

    list-style:none;
}


.m5home2-faq summary::-webkit-details-marker {
    display:none;
}


.m5home2-faq summary::after {
    content:"+";

    position:absolute;

    right:9px;
    top:17px;

    color:var(--green);

    font-size:24px;

    font-weight:300;
}


.m5home2-faq details[open]
summary::after {
    content:"−";
}


.m5home2-faq details p {
    max-width:820px;

    margin:
        0 0 24px;

    font-size:13px;

    line-height:1.7;
}



/* RESPONSIVE */

@media (max-width:900px) {

    .m5home2-two-column,
    .m5home2-pharmexcil-grid,
    .m5home2-credentials-grid {
        grid-template-columns:1fr;

        gap:25px;
    }


    .m5home2-services,
    .m5home2-cold-grid {
        grid-template-columns:1fr;
    }


    .m5home2-services article,
    .m5home2-cold-grid article {
        min-height:0;

        border-right:0;

        border-bottom:
            1px solid
            var(--line);
    }


    .m5home2-process {
        grid-template-columns:
            1fr 1fr;
    }

}


@media (max-width:620px) {

    .m5home2-shell {
        width:min(
            100% - 32px,
            1180px
        );
    }


    .m5home2-hero {
        padding:
            59px 0 53px;
    }


    .m5home2-hero h1 {
        font-size:43px;
    }


    .m5home2-section,
    .m5home2-pharmexcil,
    .m5home2-credentials {
        padding:
            51px 0;
    }


    .m5home2-process {
        grid-template-columns:1fr;
    }


    .m5home2-process article {
        min-height:0;

        border-right:0;

        border-bottom:
            1px solid
            var(--line);
    }

}


/* =========================================================
   HOMEPAGE FOOTER RESTORE
   The old staging redesign hid Kadence's normal footer
   because a separate custom homepage footer existed.
   That custom footer is no longer part of the new homepage.
   ========================================================= */

body.home .site-footer {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

