/*
============================================================
 SHOTUNE GLOBAL PROOF STRIP
 CANONICAL OWNER

 One component.
 One visual owner.
 All pages inherit the same treatment.

 OUTER BAND:
 - true viewport-wide navy background

 INNER CONTENT:
 - 90% centered shell
 - max 1280px
 - four balanced desktop columns

 TEXT:
 - proof headings white
 - supporting proof text light white
 - no dependency on span / p markup
============================================================
*/


/*
------------------------------------------------------------
 TRUE FULL-BLEED BAND
------------------------------------------------------------
*/

.shotune-proof-strip {
    position:relative !important;

    width:100vw !important;
    max-width:100vw !important;

    min-height:0 !important;
    height:auto !important;

    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    background:#011C47 !important;

    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
}


.shotune-proof-strip *,
.shotune-proof-strip *::before,
.shotune-proof-strip *::after {
    box-sizing:border-box;
}


/*
------------------------------------------------------------
 REMOVE WPBAKERY ROW / COLUMN INTRUSION
------------------------------------------------------------
*/

.shotune-proof-strip > .vc_column_container,
.shotune-proof-strip > .wpb_column,
.shotune-proof-strip > .vc_column_container > .vc_column-inner,
.shotune-proof-strip > .wpb_column > .vc_column-inner,
.shotune-proof-strip > .vc_column_container > .vc_column-inner > .wpb_wrapper,
.shotune-proof-strip > .wpb_column > .vc_column-inner > .wpb_wrapper {
    width:100% !important;
    max-width:none !important;

    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;
}


.shotune-proof-strip .wpb_content_element,
.shotune-proof-strip .wpb_text_column,
.shotune-proof-strip .wpb_wrapper {
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/*
------------------------------------------------------------
 INNER CONTENT SHELL
------------------------------------------------------------
*/

.shotune-proof-shell {
    display:grid !important;

    width:90% !important;
    max-width:1280px !important;

    min-height:0 !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding:15px 0 !important;

    grid-template-columns:
        .85fr
        1.05fr
        1.05fr
        1.35fr !important;

    align-items:stretch !important;
}


/*
------------------------------------------------------------
 PROOF ITEM
------------------------------------------------------------
*/

.shotune-proof-item {
    display:flex !important;

    min-width:0 !important;
    min-height:88px !important;

    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    margin:0 !important;
    padding:8px 16px !important;

    text-align:center !important;

    /*
     * Make the ITEM own the supporting text treatment.
     * Raw text, p, span, small, etc. all inherit correctly.
     */
    color:rgba(255,255,255,.82) !important;

    font-family:Inter, Arial, sans-serif !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;

    border-left:1px solid rgba(255,255,255,.18);
}


.shotune-proof-item:first-child {
    border-left:0;
}


/*
------------------------------------------------------------
 FORCE CHILD COPY TO INHERIT THE PROOF COLOR

 This prevents ordinary body / paragraph styles from turning
 supporting copy dark on the navy band.
------------------------------------------------------------
*/

body .shotune-proof-strip .shotune-proof-item span,
body .shotune-proof-strip .shotune-proof-item p,
body .shotune-proof-strip .shotune-proof-item small,
body .shotune-proof-strip .shotune-proof-item a {
    color:inherit !important;

    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;

    text-align:center !important;
}


body .shotune-proof-strip .shotune-proof-item p {
    margin:7px 0 0 !important;
    padding:0 !important;
}


body .shotune-proof-strip .shotune-proof-item span,
body .shotune-proof-strip .shotune-proof-item small {
    display:block !important;
    width:100% !important;

    margin-top:7px !important;
    margin-bottom:0 !important;
}


/*
------------------------------------------------------------
 HEADLINE
------------------------------------------------------------
*/

body .shotune-proof-strip .shotune-proof-item strong {
    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    color:#FFFFFF !important;

    font-family:"Source Serif 4", Georgia, serif !important;
    font-size:22px !important;
    font-weight:500 !important;
    line-height:1.08 !important;
    letter-spacing:-.01em !important;

    text-align:center !important;
}


/*
------------------------------------------------------------
 DESKTOP
------------------------------------------------------------
*/

@media (min-width:1100px) {

    .shotune-proof-item {
        white-space:nowrap !important;
    }
}


/*
------------------------------------------------------------
 TABLET
------------------------------------------------------------
*/

@media (max-width:1099px) {

    .shotune-proof-shell {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        padding:0 !important;
    }


    .shotune-proof-item {
        min-height:104px !important;

        padding:18px 24px !important;

        white-space:normal !important;
    }


    .shotune-proof-item:nth-child(odd) {
        border-left:0;
    }


    .shotune-proof-item:nth-child(n + 3) {
        border-top:1px solid rgba(255,255,255,.18);
    }


    body .shotune-proof-strip .shotune-proof-item strong {
        font-size:24px !important;
    }


    .shotune-proof-item {
        font-size:14px !important;
    }
}


/*
------------------------------------------------------------
 MOBILE
------------------------------------------------------------
*/

@media (max-width:640px) {

    .shotune-proof-shell {
        width:90% !important;

        grid-template-columns:
            1fr !important;
    }


    .shotune-proof-item,
    .shotune-proof-item:nth-child(odd) {
        min-height:0 !important;

        padding:20px 8px !important;

        border-left:0;
        border-top:1px solid rgba(255,255,255,.18);
    }


    .shotune-proof-item:first-child {
        border-top:0;
    }


    body .shotune-proof-strip .shotune-proof-item strong {
        font-size:23px !important;
    }


    .shotune-proof-item {
        font-size:14px !important;
        line-height:1.4 !important;
    }
}