/* ============================================================
   LpWSC Newsroom - LIVE SITE ANNOUNCEMENT / NAVIGATION
   The classes below intentionally reuse the site's existing names from
   tint.css and the original News & Events page.
   ============================================================ */
.nr-live-scroller.scrolling-message-container{
    position:relative!important;
    z-index:20!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:80px 0 0 0!important;
    padding:0!important;
    background-color:darkgreen!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    font-size:13px!important;
    line-height:1!important;
    text-align:center!important;
}
.nr-live-scroller .water-icon{
    flex:0 0 auto!important;
    margin:0 12px!important;
    color:#00aaff!important;
    font-size:24px!important;
    animation:nrDrop 1s infinite alternate!important;
}

.nr-live-scroller .jumping-emoji{
    flex:0 0 auto!important;
    width:34px!important;
    height:34px!important;
    object-fit:contain!important;
    margin:0 8px 0 0!important;
    animation:nrJump 1s infinite alternate!important;
}
@keyframes nrJump{
    from{transform:translateY(0);}
    to{transform:translateY(-7px);}
}
.nr-live-scroller .scrolling-message-wrapper{
    width:min(1100px,78%)!important;
    height:40px!important;
    min-width:0!important;
    overflow:hidden!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
}
.nr-live-scroller .scrolling-message{
    width:max-content!important;
    min-width:max-content!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:40px!important;
    animation:nrLiveScroll 42s linear infinite!important;
    will-change:transform!important;
}
.nr-live-scroller .scrolling-message span{
    display:inline-block!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:600!important;
}
.nr-live-scroller .scrolling-message a{
    color:#fff!important;
    font-weight:700!important;
    text-decoration:underline!important;
}
.nr-live-scroller .scrolling-message a:hover{
    color:#b9ecff!important;
}
.nr-live-scroller:hover .scrolling-message{
    animation-play-state:paused!important;
}
.nr-live-scroller .nr-scroll-spacer{
    padding:0 30px!important;
}
@keyframes nrLiveScroll{
    0%{transform:translateX(100%);}
    100%{transform:translateX(-50%);}
}
@keyframes nrDrop{
    from{transform:translateY(0);}
    to{transform:translateY(5px);}
}
/* Keep the original banner class, but make the visual reliable even when
   theme CSS changes elsewhere on the site. */
.nr-reference-banner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:220px!important;
    min-height:220px!important;
    overflow:hidden!important;
    background:#16351f!important;
}
.nr-reference-banner .picbg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:0!important;
    overflow:hidden!important;
    background:none!important;
}
.nr-reference-banner .newsroom-banner-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:brightness(50%)!important;
}
.nr-reference-banner .column{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:none;
}
.nr-reference-banner .column dl{margin:0!important;padding:0!important;}
.nr-reference-banner .column span{
    display:block!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-shadow:0 2px 8px rgba(0,0,0,.55);
}


/* ============================================================
   ORIGINAL LPWSC NEWS HIGHLIGHTS TITLE EFFECT
   Retains the class/effect used on list.php:
   - centered heading
   - blinking text
   - moving green/blue/yellow gradient
   - subtle pulse
   - underline beneath the heading
   ============================================================ */
.nr-recommendation-block .home_title{
    text-align:center;
    margin:0 0 14px;
    padding:0;
}
.nr-recommendation-block .flashing-moving-text{
    position:relative;
    display:inline-block;
    margin:0!important;
    padding:0 0 8px;
    font-weight:bold!important;
    text-transform:uppercase;
    text-align:center;
    font-size:24px!important;
    line-height:1.25;
    background-image:linear-gradient(90deg, green, blue, yellow);
    background-size:300%;
    background-position:0% 50%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    animation:nrFlash 1s infinite, nrColorMove 9s infinite linear, nrPulse 2.5s infinite;
}
.nr-recommendation-block .flashing-moving-text::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    border-radius:3px;
    background:linear-gradient(90deg, green, blue, yellow);
    background-size:300%;
    animation:nrColorMove 9s infinite linear, nrFlash 1s infinite;
}
@keyframes nrFlash{
    0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}
@keyframes nrColorMove{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}
@keyframes nrPulse{
    0%{transform:scale(1);}
    50%{transform:scale(1.05);}
    100%{transform:scale(1);}
}
@media (max-width:480px){
    .nr-recommendation-block .flashing-moving-text{font-size:20px!important;}
}
@media (prefers-reduced-motion:reduce){
    .nr-recommendation-block .flashing-moving-text,
    .nr-recommendation-block .flashing-moving-text::after{
        animation:none;
    }
}

/* Highlights: preserve the existing LpWSC PicList classes while making the
   carousel dimensions deterministic. */
.nr-recommendation-block .auto_1280{width:min(1280px, calc(100% - 30px));margin:0 auto;}
.nr-recommendation-carousel{width:100%;}
.nr-recommendation-carousel .owl-stage{display:flex;align-items:stretch;}
.nr-recommendation-carousel .owl-item{display:flex;}
.nr-recommendation-carousel li.white{width:100%;}
.nr-recommendation-carousel .Ispic{height:205px;min-height:205px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.nr-recommendation-carousel .h3{min-height:48px;}
.nr-recommendation-carousel .p{min-height:45px;}
.nr-recommendation-carousel .owl-nav{margin-top:10px;}
.nr-recommendation-carousel .owl-nav button{font-size:26px!important;line-height:1!important;}
.nr-recommendation-carousel .owl-dots{margin-top:2px;}

/*
 * LpWSC Newsroom companion styles
 *
 * This stylesheet deliberately follows the visual language already used by
 * the supplied News & Events page. It does NOT reset global typography,
 * margins, headings, links, images, or layout rules.
 */

.nr-reference-page{
    width:100%;
    overflow:hidden;
    background:#fff;
}

.nr-reference-banner .picbg{
    background-position:center center;
    background-size:cover;
}

/* Priority notice */
.nr-reference-alert{
    width:min(1280px, calc(100% - 40px));
    margin:28px auto 10px;
    padding:15px 18px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    border:1px solid #e7cbc6;
    border-left:5px solid #b42318;
    border-radius:4px;
    background:#fff8f7;
}

.nr-reference-alert.nr-alert-important{
    border-color:#e6d9ae;
    border-left-color:#a67900;
    background:#fffdf5;
}

.nr-reference-alert.nr-alert-emergency,
.nr-reference-alert.nr-alert-urgent{
    border-left-color:#b42318;
}

.nr-reference-alert-mark{
    width:38px;
    height:38px;
    border:2px solid currentColor;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#b42318;
    font-weight:700;
}

.nr-alert-important .nr-reference-alert-mark{
    color:#a67900;
}

.nr-reference-alert-copy small{
    display:block;
    margin-bottom:3px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    color:#a12018;
}

.nr-alert-important .nr-reference-alert-copy small{
    color:#8a6904;
}

.nr-reference-alert-copy h2{
    margin:0;
    font-size:18px;
    line-height:1.35;
    font-weight:700;
}

.nr-reference-alert-copy p{
    margin:4px 0 0;
    font-size:13px;
    line-height:1.55;
    color:#666;
}

.nr-reference-alert > a{
    white-space:nowrap;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    color:#075a36;
}

.nr-reference-alert > a span{
    margin-left:5px;
}

/* Existing highlights: minimal styling so the original news.css/list.css
   continue to control the primary appearance. */
.nr-recommendation-block{
    width:100%;
}

.nr-recommendation-carousel .Ispic{
    background-position:center;
    background-size:cover;
}

.nr-recommendation-carousel .h3 a{
    text-decoration:none;
}

/* Introduction */
.nr-reference-intro{
    margin:20px 0 0;
    padding:42px 0 36px;
    background:#f6f8f6;
}

.nr-reference-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:45px;
    align-items:end;
}

.nr-reference-kicker{
    color:#075a36;
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.nr-reference-inner h1{
    max-width:820px;
    margin:10px 0 12px;
    color:#17352a;
    font-size:40px;
    line-height:1.12;
    font-weight:700;
}

.nr-reference-inner p{
    max-width:780px;
    margin:0;
    color:#59645f;
    font-size:15px;
    line-height:1.7;
}

.nr-reference-search{
    display:flex;
    gap:8px;
    align-items:stretch;
}

.nr-reference-search input{
    min-width:0;
    width:100%;
    height:48px;
    padding:0 14px;
    border:1px solid #d7ded9;
    background:#fff;
    font-size:14px;
    outline:none;
}

.nr-reference-search input:focus{
    border-color:#40805f;
    box-shadow:0 0 0 2px rgba(64,128,95,.09);
}

.nr-reference-search button{
    height:48px;
    padding:0 19px;
    border:0;
    background:#075a36;
    color:#fff;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

/* Topic section */
.nr-reference-topics{
    padding:14px 0 4px;
}

.nr-reference-heading{
    margin-top:28px;
}

.nr-reference-heading h1{
    margin-bottom:5px;
}

.nr-reference-heading p{
    margin:0;
    color:#6d7772;
    font-size:14px;
}

.nr-topic-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:20px;
}

.nr-topic{
    min-height:114px;
    padding:15px 16px;
    border:1px solid #e0e5e1;
    background:#fff;
    text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.nr-topic:hover{
    transform:translateY(-2px);
    border-color:#b7cabd;
    box-shadow:0 9px 25px rgba(0,0,0,.06);
}

.nr-topic.active{
    border-color:#075a36;
    box-shadow:inset 0 3px 0 #075a36;
}

.nr-topic span{
    display:block;
    margin-bottom:11px;
    color:#075a36;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
}

.nr-topic strong{
    display:block;
    margin-bottom:5px;
    color:#17352a;
    font-size:16px;
    line-height:1.25;
}

.nr-topic small{
    display:block;
    color:#7b8580;
    font-size:12px;
    line-height:1.45;
}

/* Filter row */
.nr-type-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin:18px 0 24px;
    padding-bottom:12px;
    border-bottom:1px solid #e7ebe8;
}

.nr-type-tabs a{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border:1px solid #dfe5e1;
    background:#fff;
    color:#425049;
    text-decoration:none;
    font-size:12px;
    font-weight:600;
}

.nr-type-tabs a:hover,
.nr-type-tabs a.active{
    border-color:#075a36;
    background:#075a36;
    color:#fff;
}

.nr-type-tabs a.nr-clear{
    margin-left:auto;
    border-color:transparent;
    background:transparent;
    color:#075a36;
}

.nr-type-tabs a.nr-clear:hover{
    background:transparent;
    color:#063d26;
}

/* News list: retains PicList002273 as the structural base. */
.nr-newsroom-items{
    margin:0;
    padding:0;
}

.nr-newsroom-item{
    position:relative;
}

.nr-newsroom-item .nr-item-image img,
.nr-newsroom-item .nr-no-image{
    display:block;
    width:100%;
    height:auto;
    min-height:205px;
    object-fit:cover;
}

.nr-no-image{
    background:linear-gradient(135deg,#e8efea,#cad8cf);
    display:flex!important;
    align-items:center;
    justify-content:center;
    color:#35624c;
    font-weight:800;
    letter-spacing:.08em;
}

.nr-item-copy{
    min-width:0;
}

.nr-item-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 14px;
    margin:0 0 5px;
    color:#76807b;
    font-size:11px;
    line-height:1.4;
}

.nr-item-meta span{
    color:#075a36;
    font-weight:700;
}

.nr-item-meta time{
    color:#8a938e;
}

.nr-item-copy h3{
    margin-bottom:8px;
}

.nr-item-copy h3 a{
    text-decoration:none;
}

.nr-item-copy .p{
    line-height:1.65;
}

.nr-item-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:12px;
}

.nr-read-link{
    display:inline-flex!important;
    align-items:center;
    gap:5px;
    color:#075a36!important;
    text-decoration:none;
    font-weight:700;
}

.nr-document-link{
    color:#7a847f;
    font-size:12px;
    text-decoration:none;
}

.nr-item-notice{
    border-left:4px solid #b42318;
}

.nr-item-procurement{
    border-left:4px solid #8a6904;
}

/* Empty state */
.nr-empty-state{
    margin:20px 0 25px;
    padding:45px 25px;
    text-align:center;
    border:1px solid #e0e5e1;
    background:#fafcfb;
}

.nr-empty-state strong{
    display:block;
    margin-bottom:8px;
    color:#17352a;
    font-size:18px;
}

.nr-empty-state p{
    margin:0 0 15px;
    color:#727d77;
}

.nr-empty-state a{
    color:#075a36;
    text-decoration:none;
    font-weight:700;
}

/* Pagination and resources */
.nr-reference-pagination{
    margin-bottom:25px;
}

.nr-reference-resources{
    margin:35px 0 60px;
    padding:15px 0 0;
}

.nr-resource-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
}

.nr-resource-row a{
    min-height:145px;
    padding:19px 17px;
    border:1px solid #e0e5e1;
    background:#fff;
    text-decoration:none;
    display:flex;
    flex-direction:column;
}

.nr-resource-row a:hover{
    box-shadow:0 9px 25px rgba(0,0,0,.06);
    border-color:#b7cabd;
}

.nr-resource-row strong{
    color:#17352a;
    font-size:17px;
}

.nr-resource-row span{
    margin-top:7px;
    color:#7a847f;
    font-size:12px;
    line-height:1.5;
}

.nr-resource-row b{
    margin-top:auto;
    padding-top:13px;
    color:#075a36;
    font-size:12px;
}

@media (max-width: 900px){
    .nr-reference-inner{
        grid-template-columns:1fr;
        gap:24px;
    }

    .nr-topic-grid,
    .nr-resource-row{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .nr-reference-alert{
        grid-template-columns:42px minmax(0,1fr);
    }

    .nr-reference-alert > a{
        grid-column:2;
        justify-self:start;
    }
}

@media (max-width: 600px){
    .nr-reference-alert{
        width:calc(100% - 24px);
        margin-top:18px;
    }

    .nr-reference-inner h1{
        font-size:30px;
    }

    .nr-topic-grid,
    .nr-resource-row{
        grid-template-columns:1fr;
    }

    .nr-type-tabs a.nr-clear{
        margin-left:0;
    }
}

@media (max-width: 768px){
    .nr-reference-banner{min-height:135px;}
    .nr-recommendation-block .auto_1280{width:calc(100% - 20px);}
}

@media (max-width:768px){
  .nr-live-scroller.scrolling-message-container{height:30px!important;min-height:30px!important;}
  .nr-live-scroller .scrolling-message-wrapper{height:30px!important;width:82%!important;}
  .nr-live-scroller .scrolling-message{line-height:30px!important;}
  .nr-live-scroller .scrolling-message span,.nr-live-scroller .scrolling-message a{font-size:11px!important;}
  .nr-live-scroller .water-icon{font-size:20px!important;margin:0 7px!important;}
  .Menu002272.nr-newsroom-menu .auto_1280{min-height:48px!important;display:block!important;}
  .Menu002272.nr-newsroom-menu .nav-menu ul.ul li a{padding:14px 16px!important;font-size:13px!important;}
  .Menu002272.nr-newsroom-menu .nav-menu ul.ul li.on a:after{left:16px!important;right:16px!important;}
  .Menu002272.nr-newsroom-menu .location{padding:0 16px 10px!important;}
}
@media (max-width:480px){
  .nr-live-scroller .scrolling-message-wrapper{width:88%!important;}
  .nr-live-scroller .water-icon{font-size:17px!important;margin:0 4px!important;}
  .nr-live-scroller .scrolling-message span,.nr-live-scroller .scrolling-message a{font-size:10px!important;}
}
@media (prefers-reduced-motion:reduce){
  .nr-live-scroller .scrolling-message,.nr-live-scroller .water-icon{animation:none!important;}
}

/* =========================================================
   LIVE LpWSC MENU + WHATSAPP
   ========================================================= */

/* Floating WhatsApp tab: fixed to the screen while scrolling */
body .QQ{
    position:fixed!important;
    right:12px!important;
    top:50%!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    z-index:99999!important;
    width:135px!important;
    margin:0!important;
    padding:0!important;
}

body .QQ a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    text-decoration:none!important;
    background:#00a5e5!important;
}

body .QQ img{
    display:block!important;
    width:100%!important;
    height:115px!important;
    object-fit:cover!important;
    margin:0!important;
    padding:0!important;
}

body .QQ span{
    display:block!important;
    width:100%!important;
    height:38px!important;
    line-height:38px!important;
    margin:0!important;
    padding:0!important;
    background:#009bd7!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:400!important;
}


/* Menu bar below the banner */
body .Menu002272{
    position:relative!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    z-index:20!important;
}

body .Menu002272 .nav-menu{
    width:100%!important;
    height:72px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
}

body .Menu002272 .auto.auto_1280{
    position:relative!important;
    width:100%!important;
    max-width:1280px!important;
    height:72px!important;
    min-height:72px!important;
    margin:0 auto!important;
    padding:0!important;
}


/* Left blue tab */
body .Menu002272 .nav-menu > .auto_1280 > ul.ul{
    position:absolute!important;
    left:0!important;
    top:0!important;
    height:72px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

body .Menu002272 .nav-menu > .auto_1280 > ul.ul > li{
    height:72px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

body .Menu002272 .nav-menu > .auto_1280 > ul.ul > li > a{
    display:flex!important;
    align-items:center!important;
    height:72px!important;
    min-width:232px!important;
    padding:0 30px!important;
    margin:0!important;
    box-sizing:border-box!important;
    background:#08a5df!important;
    color:#fff!important;
    font-size:19px!important;
    font-weight:400!important;
    line-height:1!important;
    text-decoration:none!important;
}

body .Menu002272 .nav-menu > .auto_1280 > ul.ul > li.on > a,
body .Menu002272 .nav-menu > .auto_1280 > ul.ul > li > a:hover{
    background:#08a5df!important;
    color:#fff!important;
    text-decoration:none!important;
}


/* Right breadcrumb */
body .Menu002272 .location{
    position:absolute!important;
    top:0!important;
    right:0!important;
    height:72px!important;
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
}

body .Menu002272 .location .current{
    display:flex!important;
    align-items:center!important;
    height:72px!important;
    margin:0!important;
    padding:0 28px!important;
    white-space:nowrap!important;
}

body .Menu002272 .location .current a,
body .Menu002272 .location .current span{
    color:#666!important;
    font-size:14px!important;
    font-weight:400!important;
    text-decoration:none!important;
}

body .Menu002272 .location .current a + a:before,
body .Menu002272 .location .current a + span:before{
    content:">"!important;
    margin:0 10px!important;
    color:#777!important;
}

body .Menu002272 .auto.auto_1280:after{
    content:""!important;
    display:table!important;
    clear:both!important;
}


/* Mobile */
@media (max-width:768px){
    body .QQ{
        right:5px!important;
        width:90px!important;
    }

    body .QQ img{
        height:75px!important;
    }

    body .QQ span{
        height:30px!important;
        line-height:30px!important;
        font-size:12px!important;
    }

    body .Menu002272,
    body .Menu002272 .nav-menu{
        height:auto!important;
        min-height:90px!important;
    }

    body .Menu002272 .auto.auto_1280{
        height:auto!important;
        min-height:90px!important;
        max-width:none!important;
        padding:0 10px!important;
    }

    body .Menu002272 .nav-menu > .auto_1280 > ul.ul{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        width:100%!important;
        height:55px!important;
    }

    body .Menu002272 .nav-menu > .auto_1280 > ul.ul > li,
    body .Menu002272 .nav-menu > .auto_1280 > ul.ul > li > a{
        height:55px!important;
    }

    body .Menu002272 .nav-menu > .auto_1280 > ul.ul > li > a{
        min-width:190px!important;
        padding:0 18px!important;
        font-size:16px!important;
    }

    body .Menu002272 .location{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        width:100%!important;
        height:35px!important;
        min-height:35px!important;
    }

    body .Menu002272 .location .current{
        justify-content:flex-end!important;
        width:100%!important;
        height:35px!important;
        padding:0 12px!important;
    }

    body .Menu002272 .location .current a,
    body .Menu002272 .location .current span{
        font-size:12px!important;
    }
}