
/*
============================================================
 ELR UTILITY PAGES
 Search / News / Privacy / Accessibility
============================================================
*/

.elr-utility-page{
    --u-deep:#102F50;
    --u-navy:#173F69;
    --u-blue:#315F89;
    --u-gold:#B08A4A;
    --u-soft-gold:#C4A66D;
    --u-text:#334E62;
    --u-muted:#647989;
    --u-line:#DCE4EA;

    width:100%;
    margin:0;
    background:#fff;
    color:var(--u-text);
}


/* HERO */

.elr-utility-hero{
    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(196,166,109,.13),
            transparent 30%
        ),
        linear-gradient(
            118deg,
            #102F50 0%,
            #173F69 52%,
            #315F89 100%
        );

    border-bottom:
        1px solid rgba(176,138,74,.55);
}


.elr-utility-hero::before{
    content:"";
    position:absolute;
    inset:0;

    opacity:.10;

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

    background-size:82px 82px;
    pointer-events:none;
}


.elr-utility-width{
    position:relative;
    z-index:1;

    width:min(1180px,calc(100% - 48px));

    margin:0 auto;
    padding:44px 0 42px;
}


.elr-utility-kicker{
    margin:0 0 10px;

    color:#DEC48F;

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

    font-size:10px;
    font-weight:800;
    letter-spacing:.17em;
}


.elr-utility-title{
    margin:0;

    color:#fff !important;

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

    font-size:clamp(35px,4vw,52px);
    line-height:1.08;
    font-weight:400;
}


.elr-utility-title::after{
    content:"";
    display:block;

    width:70px;
    height:2px;

    margin-top:15px;

    background:
        linear-gradient(
            90deg,
            #B08A4A,
            #C4A66D 60%,
            transparent
        );
}


.elr-utility-deck{
    max-width:720px;

    margin:16px 0 0;

    color:rgba(242,247,251,.84);

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

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


/* CONTENT */

.elr-utility-content{
    width:min(1060px,calc(100% - 48px));

    margin:0 auto;
    padding:46px 0 70px;
}


.elr-utility-privacy .elr-utility-content,
.elr-utility-accessibility .elr-utility-content{
    width:min(880px,calc(100% - 48px));
}


.elr-utility-content > h1:first-child{
    display:none;
}


.elr-utility-content h2,
.elr-utility-content h3,
.elr-utility-content h4{
    color:var(--u-navy);

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

    font-weight:400;
    line-height:1.25;
}


.elr-utility-content h2{
    margin:30px 0 10px;
    font-size:23px;
}


.elr-utility-content h3{
    margin:25px 0 9px;
    font-size:18px;
}


.elr-utility-content p,
.elr-utility-content li{
    color:var(--u-text);

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

    font-size:15px;
    line-height:1.72;
}


.elr-utility-content a{
    color:var(--u-navy);
    text-decoration-color:var(--u-soft-gold);
    text-underline-offset:3px;
}


/* FORMS */

.elr-utility-page form{
    max-width:850px;
}


.elr-utility-page label{
    display:block;

    margin:0 0 7px;

    color:#52697B;

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

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


.elr-utility-page input[type="text"],
.elr-utility-page input[type="search"],
.elr-utility-page input[type="email"],
.elr-utility-page select,
.elr-utility-page textarea{
    width:100%;
    max-width:100%;

    min-height:44px;

    box-sizing:border-box;

    margin:0 0 16px;
    padding:9px 12px;

    border:1px solid #C8D4DE;
    border-radius:2px;

    background:#fff;

    color:#334E62;

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

    font-size:13px;

    box-shadow:none;
}


.elr-utility-page button,
.elr-utility-page input[type="submit"]{
    min-height:42px;

    padding:0 18px;

    border:1px solid var(--u-navy);
    border-radius:2px;

    background:var(--u-navy);
    color:#fff;

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

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

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

    cursor:pointer;
}


/* NEWS */

.elr-utility-news article,
.elr-utility-news .card{
    margin:0 0 22px;
    padding:23px 25px;

    border:1px solid var(--u-line);
    border-top:2px solid var(--u-navy);

    border-radius:2px;

    box-shadow:
        0 4px 16px rgba(16,47,80,.045);
}


/* ACCESSIBILITY */

.elr-accessibility-platform{
    margin:0 0 36px;
    padding:21px 24px;

    background:#F6F8FA;

    border:1px solid #DCE4EA;
    border-left:3px solid #B08A4A;
}


.elr-accessibility-platform-label{
    margin:0 0 7px !important;

    color:#96733B !important;

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

    font-size:9px !important;
    font-weight:800 !important;

    letter-spacing:.14em !important;
}


.elr-accessibility-platform h2{
    margin:0 0 9px;
    font-size:21px;
}


.elr-accessibility-platform p{
    margin:0 0 11px;
    font-size:14px;
}


@media(max-width:680px){

    .elr-utility-width,
    .elr-utility-content,
    .elr-utility-privacy .elr-utility-content,
    .elr-utility-accessibility .elr-utility-content{
        width:calc(100% - 32px);
    }

    .elr-utility-width{
        padding:35px 0 33px;
    }

    .elr-utility-content{
        padding:34px 0 52px;
    }

    .elr-utility-title{
        font-size:36px;
    }
}


/* ============================================================
   ELR SEARCH RESULTS IMAGE FIX START
============================================================ */

.elr-utility-search
.elr-utility-content
img.elr-search-result-thumbnail{

    display:block !important;

    width:auto !important;

    height:auto !important;

    max-width:
        118px !important;

    max-height:
        165px !important;

    margin:
        12px
        18px
        12px
        0 !important;

    object-fit:
        contain !important;

    object-position:
        center top !important;

    background:
        #fff !important;

    border:
        1px solid
        #E0E6EB !important;

    box-shadow:
        0
        3px
        12px
        rgba(16,47,80,.06) !important;
}


/*
Hard safety:
no Search-result image may ever expand
to the full content width.
*/

.elr-utility-search
.elr-utility-content img{

    max-width:
        160px;

    height:auto;
}

/* ELR SEARCH RESULTS IMAGE FIX END */


