
/* ==========================================================
   ELR SUBMISSION SECTION V2
   Linguazure
   ========================================================== */

.elr-submission-v2{
    --la-deep:#102f50;
    --la-navy:#173f69;
    --la-blue:#315f89;
    --la-gold:#b08a4a;
    --la-gold-soft:#c4a66d;
    --la-ink:#293b48;
    --la-muted:#687b88;
    --la-line:#dfe6eb;

    width:100%;
    margin:0;
    padding:0;

    color:var(--la-ink);
    background:#fff;
}


/* HERO */

.elr-submission-v2 .elr-sub-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    min-height:295px;

    display:flex;
    align-items:center;

    box-sizing:border-box;

    padding:57px 0 52px;

    border-top:4px solid var(--la-gold);

    background:
        radial-gradient(
            circle at 82% 27%,
            rgba(102,164,210,.25),
            transparent 40%
        ),
        linear-gradient(
            118deg,
            #102f50 0%,
            #173f69 49%,
            #285d88 100%
        );
}

.elr-submission-v2 .elr-sub-hero::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:0;

    opacity:.14;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            180deg,
            rgba(255,255,255,.04) 1px,
            transparent 1px
        );

    background-size:80px 80px;
}

.elr-submission-v2 .elr-sub-hero::after{
    content:"SUBMIT";

    position:absolute;

    right:3%;
    bottom:-45px;

    z-index:0;

    color:rgba(255,255,255,.038);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(105px,10vw,175px);
    font-weight:700;
    line-height:.9;

    letter-spacing:-5px;
}

.elr-submission-v2 .elr-sub-width{
    position:relative;
    z-index:2;

    box-sizing:border-box;

    width:calc(100% - 64px);
    max-width:1180px;

    margin:0 auto;
}

.elr-submission-v2 .elr-sub-kicker{
    margin:0 0 12px;

    color:#dec48f;

    font-size:11px;
    font-weight:800;

    letter-spacing:2px;
    text-transform:uppercase;
}

.elr-submission-v2 .elr-sub-title{
    max-width:940px;

    margin:0;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(43px,3.8vw,55px);
    font-weight:400;
    line-height:1.08;

    letter-spacing:-.65px;
}

.elr-submission-v2 .elr-sub-title::after{
    content:"";

    display:block;

    width:78px;
    height:2px;

    margin-top:16px;

    background:
        linear-gradient(
            90deg,
            var(--la-gold),
            var(--la-gold-soft),
            transparent
        );
}

.elr-submission-v2 .elr-sub-deck{
    max-width:850px;

    margin:18px 0 0;

    color:rgba(245,249,252,.88);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:19px;
    line-height:1.62;
}

.elr-submission-v2 .elr-sub-meta{
    display:flex;
    flex-wrap:wrap;

    gap:8px 24px;

    margin-top:21px;

    color:rgba(231,239,245,.70);

    font-size:12px;
}

.elr-submission-v2 .elr-sub-meta strong{
    color:#d9c18e;
}


/* LAYOUT */

.elr-submission-v2 .elr-sub-layout{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        285px;

    gap:76px;

    box-sizing:border-box;

    width:calc(100% - 64px);
    max-width:1180px;

    margin:0 auto;

    padding:52px 0 38px;
}

.elr-submission-v2 .elr-sub-content{
    min-width:0;

    color:#31434f;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:16px;
    line-height:1.78;
}

.elr-submission-v2 .elr-sub-content p{
    max-width:790px;

    margin:0 0 17px;
}

.elr-submission-v2 .elr-sub-content a:not([class]){
    color:var(--la-navy);

    font-weight:700;

    text-decoration-line:underline;
    text-decoration-color:var(--la-gold);
    text-decoration-thickness:1.5px;
    text-underline-offset:4px;
}


/* SECTION */

.elr-submission-v2 .elr-sub-section{
    max-width:790px;

    padding:39px 0 42px;

    border-top:1px solid var(--la-line);

    scroll-margin-top:
        calc(
            var(--elr-shell-height,150px)
            + 25px
        );
}

.elr-submission-v2 .elr-sub-section:first-child{
    padding-top:0;
    border-top:0;
}

.elr-submission-v2 .elr-sub-number{
    display:block;

    margin:0 0 7px;

    color:var(--la-gold);

    font-size:11px;
    font-weight:700;

    letter-spacing:1.5px;
}

.elr-submission-v2 .elr-sub-section h2{
    margin:0 0 17px;

    color:var(--la-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:29px;
    font-weight:400;
    line-height:1.25;
}

.elr-submission-v2 .elr-sub-section h3{
    margin:25px 0 10px;

    color:var(--la-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;
    font-weight:400;
}

.elr-submission-v2 .elr-sub-section ul,
.elr-submission-v2 .elr-sub-section ol{
    max-width:755px;

    margin:11px 0 19px;

    padding-left:24px;
}

.elr-submission-v2 .elr-sub-section li{
    margin:8px 0;
}


/* INTRO / NOTICE */

.elr-submission-v2 .elr-sub-notice{
    margin:0 0 40px;

    padding:27px 29px;

    border-top:3px solid var(--la-gold);
    border-left:2px solid var(--la-navy);

    background:
        linear-gradient(
            145deg,
            #f9fbfc,
            #eef3f7
        );
}

.elr-submission-v2 .elr-sub-notice strong{
    color:var(--la-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:19px;
    font-weight:400;
}


/* CARDS */

.elr-submission-v2 .elr-sub-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:13px;

    margin-top:23px;
}

.elr-submission-v2 .elr-sub-card{
    position:relative;

    padding:21px 21px;

    border:1px solid rgba(23,63,105,.13);
    border-top:3px solid rgba(176,138,74,.78);

    background:
        linear-gradient(
            145deg,
            #fff,
            #f6f9fb
        );
}

.elr-submission-v2 .elr-sub-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:2px;

    background:var(--la-navy);
}

.elr-submission-v2 .elr-sub-card-label{
    display:block;

    margin-bottom:6px;

    color:var(--la-gold);

    font-size:10px;
    font-weight:700;

    letter-spacing:1.2px;
    text-transform:uppercase;
}

.elr-submission-v2 .elr-sub-card strong{
    display:block;

    color:var(--la-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;
    font-weight:600;
}

.elr-submission-v2 .elr-sub-card p{
    margin:7px 0 0;

    color:var(--la-muted);

    font-size:12.5px;
    line-height:1.55;
}


/* SPECS */

.elr-submission-v2 .elr-sub-specs{
    margin-top:24px;

    border:1px solid #dde5ea;
}

.elr-submission-v2 .elr-sub-spec{
    display:grid;

    grid-template-columns:
        190px minmax(0,1fr);

    border-bottom:1px solid #e2e8ec;
}

.elr-submission-v2 .elr-sub-spec:last-child{
    border-bottom:0;
}

.elr-submission-v2 .elr-sub-spec-name{
    padding:14px 16px;

    color:var(--la-navy);

    background:#f5f8fa;

    font-size:12.5px;
    font-weight:700;
}

.elr-submission-v2 .elr-sub-spec-value{
    padding:14px 17px;

    color:#596e7b;

    background:#fff;

    font-size:13px;
    line-height:1.6;
}


/* SPECIAL BOX */

.elr-submission-v2 .elr-sub-feature{
    position:relative;
    overflow:hidden;

    margin-top:24px;

    padding:28px 29px;

    border-top:4px solid var(--la-gold);
    border-left:2px solid var(--la-navy);

    background:
        linear-gradient(
            145deg,
            #f8fafc,
            #eef3f7
        );
}

.elr-submission-v2 .elr-sub-feature-label{
    margin:0 0 7px !important;

    color:var(--la-gold) !important;

    font-size:10px;
    font-weight:700;

    letter-spacing:1.5px;
    text-transform:uppercase;
}

.elr-submission-v2 .elr-sub-feature h3{
    margin:0 0 10px;

    color:var(--la-navy);

    font-size:23px;
}


/* CTA */

.elr-submission-v2 .elr-sub-cta{
    margin-top:25px;

    padding:29px 30px;

    color:#fff;

    border-top:4px solid var(--la-gold);

    background:
        linear-gradient(
            135deg,
            var(--la-deep),
            var(--la-navy) 64%,
            #28547d
        );
}

.elr-submission-v2 .elr-sub-cta-label{
    margin:0 0 7px !important;

    color:#d9c18e !important;

    font-size:10px;
    font-weight:700;

    letter-spacing:1.5px;
    text-transform:uppercase;
}

.elr-submission-v2 .elr-sub-cta h3{
    margin:0 0 10px;

    color:#fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;
    font-weight:400;
}

.elr-submission-v2 .elr-sub-cta p{
    color:rgba(255,255,255,.84);
}

.elr-submission-v2 .elr-sub-actions{
    display:flex;
    flex-wrap:wrap;

    gap:12px;

    margin-top:20px;
}

.elr-submission-v2 .elr-sub-primary{
    display:inline-flex;

    align-items:center;

    min-height:40px;

    box-sizing:border-box;

    padding:9px 16px;

    border:1px solid rgba(255,255,255,.66);
    border-radius:3px;

    background:rgba(255,255,255,.10);

    color:#fff !important;

    font-size:12px;
    font-weight:800;

    text-decoration:none !important;

    box-shadow:
        inset 0 -2px 0 var(--la-gold);
}

.elr-submission-v2 .elr-sub-secondary{
    display:inline-flex;
    align-items:center;

    color:#fff !important;

    font-size:12px;
    font-weight:700;

    text-decoration-line:underline !important;
    text-decoration-color:var(--la-gold) !important;
    text-underline-offset:4px !important;
}


/* SIDEBAR */

.elr-submission-v2 .elr-sub-sidebar{
    position:sticky;

    top:
        calc(
            var(--elr-shell-height,150px)
            + 24px
        );

    align-self:start;

    max-height:
        calc(
            100vh
            - var(--elr-shell-height,150px)
            - 45px
        );

    overflow-y:auto;

    scrollbar-width:thin;
}

.elr-submission-v2 .elr-sub-toc-rule{
    width:100%;
    height:2px;

    margin-bottom:19px;

    background:
        linear-gradient(
            90deg,
            var(--la-navy) 0 78%,
            var(--la-gold) 78% 100%
        );
}

.elr-submission-v2 .elr-sub-toc-title{
    margin:0 0 12px;

    color:var(--la-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;
    font-weight:400;
}

.elr-submission-v2 .elr-sub-toc{
    margin:0;
    padding:0;

    list-style:none;
}

.elr-submission-v2 .elr-sub-toc a{
    display:block;

    padding:7px 7px 7px 13px;

    border-left:2px solid transparent;

    color:#657987;

    font-size:12.4px;
    font-weight:500;
    line-height:1.4;

    text-decoration:none;
}

.elr-submission-v2 .elr-sub-toc a.is-active{
    color:var(--la-navy);

    border-left-color:var(--la-gold);

    background:
        linear-gradient(
            90deg,
            rgba(176,138,74,.09),
            transparent
        );

    font-weight:700;
}

.elr-submission-v2 .elr-sub-side{
    margin-top:30px;
}

.elr-submission-v2 .elr-sub-side::before{
    content:"";

    display:block;

    height:1px;

    margin-bottom:20px;

    background:var(--la-line);
}

.elr-submission-v2 .elr-sub-side-label{
    margin:0 0 10px;

    color:#7a8c98;

    font-size:10.5px;
    font-weight:700;

    letter-spacing:1.5px;
    text-transform:uppercase;
}

.elr-submission-v2 .elr-sub-side-nav a{
    position:relative;

    display:block;

    padding:9px 8px 9px 0;

    border-bottom:1px solid #e5eaed;

    color:#425866;

    font-size:12.5px;
    font-weight:600;
    line-height:1.4;

    text-decoration:none;
}

.elr-submission-v2 .elr-sub-side-nav a.is-current{
    padding-left:13px;

    color:var(--la-navy);
}

.elr-submission-v2 .elr-sub-side-nav a.is-current::before{
    content:"";

    position:absolute;

    left:0;
    top:10px;
    bottom:10px;

    width:3px;

    background:var(--la-gold);
}


/* MOBILE */

@media(max-width:960px){

    .elr-submission-v2 .elr-sub-layout{
        grid-template-columns:1fr;

        gap:40px;
    }

    .elr-submission-v2 .elr-sub-sidebar{
        position:static;

        order:-1;

        max-height:none;
        overflow:visible;

        padding:19px 22px;

        border:1px solid var(--la-line);

        background:#fafbfc;
    }

}


@media(max-width:720px){

    .elr-submission-v2 .elr-sub-grid{
        grid-template-columns:1fr;
    }

    .elr-submission-v2 .elr-sub-spec{
        grid-template-columns:1fr;
    }

}


@media(max-width:680px){

    .elr-submission-v2 .elr-sub-width,
    .elr-submission-v2 .elr-sub-layout{
        width:calc(100% - 36px);
    }

    .elr-submission-v2 .elr-sub-hero{
        min-height:auto;

        padding:39px 0 37px;
    }

    .elr-submission-v2 .elr-sub-title{
        font-size:36px;
    }

    .elr-submission-v2 .elr-sub-layout{
        padding:32px 0 28px;
    }

}

