/* National Department + American Division — small additions on top of the original template (cssWeb/main.css) */

/* "Content coming soon" placeholder, shown wherever content.php is still empty */
.nd-placeholder{
    display:block;padding:18px 20px;margin:4px 0;
    border:1.5px dashed rgba(214,28,34,.45);border-radius:10px;
    background:rgba(214,28,34,.04);color:#999;
    font-style:italic;text-align:center;
}
.wrap-text-blo2 .nd-placeholder,.section-event .nd-placeholder{color:#777}

/* Current page in the top menu */
.main_menu li.nd-active > a{color:#d61c22}

/* Contact form feedback */
.nd-alert{max-width:900px;margin:0 auto 30px;padding:14px 20px;border-radius:10px;font-family:Montserrat,sans-serif}
.nd-alert--ok{background:#e9f7ef;color:#1e7b45}
.nd-alert--err{background:#fdecec;color:#b3261e}

/* Empty-state text for News / Gallery */
.nd-empty{width:100%;text-align:center;color:#999;font-style:italic;padding:30px 15px}

/* =================== Gallery: Photos / Videos / News =================== */
.nd-section{padding:50px 0 90px}

/* Back pill: "← Folder name" above albums / photos / videos */
.nd-backbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.nd-back{
    display:inline-flex;align-items:center;gap:12px;max-width:100%;
    padding:6px 20px 6px 6px;border-radius:40px;background:#fff;
    box-shadow:0 4px 16px rgba(0,0,0,.08);border:1px solid #eee;
    font-family:Poppins,sans-serif;font-size:15px;color:#222;text-decoration:none;
    transition:all .3s ease;
}
.nd-back:hover{color:#fff;background:#d61c22;border-color:#d61c22;text-decoration:none}
.nd-back__arrow{
    flex:0 0 36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:#d61c22;color:#fff;transition:all .3s ease;
}
.nd-back:hover .nd-back__arrow{background:#fff;color:#d61c22;transform:translateX(-3px)}
.nd-back__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nd-back__name small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;line-height:1.2}
.nd-crumb-sep{color:#bbb}
.nd-heading{font-family:Poppins,sans-serif;font-size:26px;color:#222;margin:18px 0 0}
.nd-heading span{color:#d61c22}

/* Folder / album / video tiles — all the same size */
.nd-tile{display:block;margin-top:30px;border-radius:10px;overflow:hidden;background:#fff;
    box-shadow:0 6px 22px rgba(0,0,0,.08);transition:transform .35s ease,box-shadow .35s ease;text-decoration:none!important}
.nd-tile:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.nd-tile__pic{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eee}
.nd-tile__pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.nd-tile:hover .nd-tile__pic img{transform:scale(1.08)}
.nd-tile__badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:20px;
    background:rgba(0,0,0,.65);color:#fff;font:500 12px Montserrat,sans-serif}
.nd-tile__body{padding:16px 18px 18px;display:flex;align-items:center;gap:12px}
.nd-tile__icon{flex:0 0 38px;height:38px;border-radius:50%;background:rgba(214,28,34,.1);color:#d61c22;
    display:flex;align-items:center;justify-content:center;font-size:17px}
.nd-tile__title{font-family:Poppins,sans-serif;font-size:17px;color:#222;line-height:1.3;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nd-tile__meta{font:12px Montserrat,sans-serif;color:#999;margin-top:2px}
.nd-tile:hover .nd-tile__title{color:#d61c22}
.nd-tile__noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:54px;color:#ccc}

/* Photos */
.nd-photo{display:block;margin-top:30px;border-radius:10px;overflow:hidden;aspect-ratio:1/1;background:#eee;position:relative}
.nd-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.nd-photo:hover img{transform:scale(1.08)}
.nd-photo::after{content:"\f00e";font-family:FontAwesome;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-size:28px;color:#fff;background:rgba(214,28,34,.45);opacity:0;transition:opacity .3s ease}
.nd-photo:hover::after{opacity:1}

/* Video play button */
.nd-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18);transition:background .3s ease}
.nd-play span{width:66px;height:66px;border-radius:50%;background:#d61c22;color:#fff;display:flex;align-items:center;justify-content:center;
    font-size:24px;padding-left:5px;box-shadow:0 0 0 8px rgba(255,255,255,.3);transition:transform .3s ease}
.nd-tile:hover .nd-play{background:rgba(0,0,0,.35)}
.nd-tile:hover .nd-play span{transform:scale(1.1)}
.nd-source{position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:20px;background:#fff;color:#222;font:600 11px Montserrat,sans-serif}
.nd-source .fa-youtube-play{color:#ff0000}

/* Video modal */
.nd-vmodal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:16px}
.nd-vmodal.is-open{display:flex}
.nd-vmodal__box{position:relative;width:100%;max-width:1000px}
.nd-vmodal__frame{position:relative;padding-top:56.25%;background:#000;border-radius:10px;overflow:hidden}
.nd-vmodal__frame iframe,.nd-vmodal__frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.nd-vmodal__title{color:#fff;font-family:Poppins,sans-serif;font-size:18px;margin-top:12px;text-align:center}
.nd-vmodal__close{position:absolute;top:-46px;right:0;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#222;
    font-size:22px;line-height:40px;cursor:pointer}
.nd-vmodal__close:hover{background:#d61c22;color:#fff}

/* News cards — every card identical height, description scrolls */
.nd-news{margin-top:30px;height:540px;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:#fff;
    box-shadow:0 6px 22px rgba(0,0,0,.08);transition:box-shadow .35s ease}
.nd-news:hover{box-shadow:0 14px 34px rgba(0,0,0,.14)}
.nd-news__pic{position:relative;flex:0 0 220px;overflow:hidden;background:#eee;display:block}
.nd-news__pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.nd-news:hover .nd-news__pic img{transform:scale(1.06)}
.nd-news__date{position:absolute;left:14px;bottom:14px;background:#d61c22;color:#fff;border-radius:8px;padding:6px 12px;
    font:600 12px Montserrat,sans-serif;letter-spacing:.03em}
.nd-news__body{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 20px 18px}
.nd-news__title{font-family:Poppins,sans-serif;font-size:18px;color:#222;line-height:1.35;margin-bottom:12px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:0 0 auto}
.nd-news__desc{flex:1;min-height:0;overflow-y:auto;padding-right:8px;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.75;color:#666;
    overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d61c22 #f1f1f1;
    -webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent);mask-image:linear-gradient(to bottom,#000 85%,transparent)}
.nd-news__desc.is-end,.nd-news__desc.is-short{-webkit-mask-image:none;mask-image:none}
.nd-news__desc::-webkit-scrollbar{width:5px}
.nd-news__desc::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}
.nd-news__desc::-webkit-scrollbar-thumb{background:#d61c22;border-radius:5px}
.nd-news__hint{flex:0 0 auto;margin-top:10px;font:12px Montserrat,sans-serif;color:#aaa}
.nd-news__desc.is-short + .nd-news__hint{visibility:hidden}

/* Pagination */
.nd-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:50px}
.nd-pager a,.nd-pager span{min-width:42px;height:42px;padding:0 12px;border-radius:21px;display:flex;align-items:center;justify-content:center;
    font:600 14px Montserrat,sans-serif;color:#222;background:#fff;border:1px solid #e5e5e5;text-decoration:none}
.nd-pager a:hover{border-color:#d61c22;color:#d61c22}
.nd-pager .is-current{background:#d61c22;border-color:#d61c22;color:#fff}

/* Gallery hub tile for News (no original image for it) */
.nd-hub-news{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;border:1px solid #eee}
.nd-hub-news i{font-size:120px;color:#d61c22}
.nd-hub-news span{font:600 14px Montserrat,sans-serif;letter-spacing:.2em;color:#999}
.nd-hub img{width:100%;height:400px;object-fit:contain;background:#fff}

@media (max-width:575px){
    .nd-news{height:500px}
    .nd-news__pic{flex-basis:190px}
    .nd-heading{font-size:22px}
}

/* =================== Slider arrows (main slider + Belief Statements) ===================
   Drawn with CSS so they never depend on the icon font. */
.wrap-slick1 .arrow-slick1,
.wrap-slick2 .arrow-slick2{
    width:54px;height:54px;border-radius:50%;padding:0;border:2px solid rgba(255,255,255,.75);
    background:rgba(0,0,0,.28);color:#fff;font-size:0;line-height:0;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
    transition:background .3s ease,border-color .3s ease,transform .3s ease;
    opacity:1;z-index:20;
}
.wrap-slick1 .arrow-slick1 i,
.wrap-slick2 .arrow-slick2 i{display:none}
.wrap-slick1 .arrow-slick1::before,
.wrap-slick2 .arrow-slick2::before{
    content:"";width:13px;height:13px;border-top:3px solid currentColor;border-left:3px solid currentColor;
    transform:rotate(-45deg);margin-left:6px;              /* ‹ */
}
.wrap-slick1 .next-slick1::before,
.wrap-slick2 .next-slick2::before{transform:rotate(135deg);margin-left:0;margin-right:6px}   /* › */
.wrap-slick1 .arrow-slick1:hover,
.wrap-slick2 .arrow-slick2:hover{background:#d61c22;border-color:#d61c22;transform:scale(1.08)}
.wrap-slick1 .arrow-slick1:focus-visible,
.wrap-slick2 .arrow-slick2:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (max-width:767px){
    .wrap-slick1 .arrow-slick1,.wrap-slick2 .arrow-slick2{width:42px;height:42px}
    .wrap-slick1 .arrow-slick1::before,.wrap-slick2 .arrow-slick2::before{width:10px;height:10px}
}

/* =================== Side menu close (X) button ===================
   The template draws it with the "themify" icon font, which the browser blocks when it
   comes from another site — so it's drawn here with CSS (same place and size as the original). */
.sidebar .btn-hide-sidebar{
    position:absolute;top:20px;right:20px;width:40px;height:40px;padding:0;
    border:0;background:none;cursor:pointer;color:#111;font-size:0;line-height:0;
}
.sidebar .btn-hide-sidebar::before,
.sidebar .btn-hide-sidebar::after{
    content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;margin:-1px 0 0 -11px;
    background:currentColor;font-family:inherit;transition:background .3s ease;
}
.sidebar .btn-hide-sidebar::before{transform:rotate(45deg)}
.sidebar .btn-hide-sidebar::after{transform:rotate(-45deg)}
.sidebar .btn-hide-sidebar:hover{color:#d61c22}

/* =================== Grey file buttons (Appeals, About, Subjects…) ===================
   Long labels stay centred and wrap neatly instead of hugging the left edge. */
.wrap-btn-booking .btn3{text-align:center;
    line-height:1.3}