.wrapper { width: 100%; }
.page-header { background: #082C45; color: #fff; padding: 32px 0; text-align: left; }
.page-header .entry-title { margin: 0; }
.container, .container_alt { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Internal page hero (used on all non-home pages) */
.page-hero{position:relative;background-image:url("../MICC/imgi_3_33428257983_4a108f3a0e_o-e1568111746702-1920x900.jpg");background-size:cover;background-position:center;color:#fff;height:400px;min-height:400px;display:flex;align-items:flex-end;}
.page-hero .overlay{position:absolute;inset:0;background:linear-gradient(120deg, rgba(8,44,69,0.92), rgba(8,44,69,0.55));}
.page-hero .container{position:relative;z-index:1;}

/* Internal pages: hero should be image/overlay only (no text in the hero area) */
.page-hero h1,
.page-hero h2,
.page-hero h3,
.page-hero p,
.page-hero .page-hero__title,
.page-hero .page-hero__subtitle,
.page-hero [class*="hero__"],
.page-hero [class*="slide"],
.page-hero [class*="caption"]{display:none !important;}
.page-hero__title{margin:0;font-size:46px;line-height:1.05;max-width:900px;}
.page-hero__subtitle{margin:10px 0 0;max-width:900px;opacity:.92;line-height:1.5;}

.home-hero { position: relative; background-image: url("../images/33428257983_4a108f3a0e_o-e1568111746702-1920x900.jpg") !important; background-size: cover; background-position: center; color: #fff; padding: 150px 20px 120px; text-align: left; }
.home-hero .overlay { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(8,44,69,0.9), rgba(8,44,69,0.6)); }
.home-hero .content { position: relative; max-width: 780px; z-index: 1; }
.home-hero h1 { font-size: 48px; margin-bottom: 12px; }
.home-hero p { font-size: 20px; line-height: 1.5; }

.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;}
.btn{display:inline-block;background:#e8816e;color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;border:1px solid transparent;}
.btn:hover{background:#003356;color:#fff;}
.btn.btn-secondary{background:rgba(0,0,0,0);border-color:rgba(255,255,255,0.35);}
.btn.btn-secondary:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.55);}

/* Header readability over hero */
.home .nav>li>a{color:#fff !important;}
.home .nav li.current-menu-item>a,.home .nav>li>a:hover{border-color:#e8816e;color:#fff !important;}
.home #navigation{background:transparent;}
.home .nav .sub-menu{background:#082C45;border:1px solid rgba(255,255,255,0.08);}
.home .nav .sub-menu a{color:#fff;}
.home .nav .sub-menu a:hover{background:rgba(255,255,255,0.08);}

/* Home header should sit on the hero (transparent) until scroll */
.home .upper{position:fixed;top:0;left:0;right:0;z-index:9999;background:transparent !important;}
.home #header{background:transparent !important; box-shadow:none; position:relative;}
.home #header .container_head{background:transparent !important;}
.home #bottombar{display:none !important;}
/* Ensure the hero image reaches the very top of the viewport behind the header */
.home .wrapper{padding-top:0 !important;}
.home .home-hero{margin-top:0;}


/* Hide legacy theme search overlay if it is injected */
.searchform,.searchform-wrap,.search-bar,.search-form,.search_form,.search-top,.tmnf-search{display:none !important;}

.alert-bar{background:#082C45;color:#fff;}
.alert-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;}
.alert-left{display:flex;align-items:center;gap:12px;}
.alert-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,0.45);font-weight:700;font-size:14px;line-height:1;}
.alert-link{color:#fff;text-decoration:underline;font-weight:600;}
/* Mobile: prevent alert icon / text from overflowing */
.alert-left{min-width:0;}
.alert-icon{flex:0 0 22px;}
.alert-inner{flex-wrap:wrap;}
.alert-left span{min-width:0;}

/* Very small screens: stack the alert link below the message */
@media (max-width: 560px){
  .alert-inner{align-items:flex-start;}
  .alert-link{width:100%; padding-left:34px; display:block;}
}


.search-strip{background:#082C45;padding:14px 0 22px;}
.search-strip-form{display:flex;gap:14px;align-items:center;}
.search-strip-form input{flex:1;min-width:220px;padding:14px 16px;border-radius:8px;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.10);color:#fff;outline:none;}
.search-strip-form input::placeholder{color:rgba(255,255,255,0.75);}
.search-strip-form button{white-space:nowrap;}

.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; margin: 24px 0 32px; }
.feature-card { background: #fff; border: 1px solid #eaeaea; padding: 18px; border-radius: 10px; transition: transform 0.2s ease, box-shadow 0.2s ease; display:flex; flex-direction:column; min-height: 220px; }
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.feature-card__head{display:flex;align-items:center;gap:12px;margin:-18px -18px 14px;padding:14px 18px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid rgba(0,0,0,0.06);min-height:78px;} 
.feature-card__head h3{margin:0;color:#082C45;font-size:18px;}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(8,44,69,0.08);color:#082C45;}
/* Feature card header colours (modernised, warm + restrained like the original)
   Apply these classes to .feature-card__head on each card:
   - feature-accent--video / --news / --docs / --emergency
*/
.feature-accent--video{background:#EDE3D8;}      /* warm stone */
.feature-accent--news{background:#E9D9D2;}       /* soft muted clay */
.feature-accent--docs{background:#E6DADF;}       /* dusty neutral */
.feature-accent--emergency{background:#EFD3CB;}  /* refined soft alert */
.feature-card p{margin:0 0 14px;line-height:1.5;}
.feature-card__footer{margin-top:auto;padding-top:10px;}
.feature-link{display:inline-block;font-weight:700;color:#082C45;text-decoration:none;border-top:1px solid rgba(0,0,0,0.08);padding-top:10px;width:100%;}
.feature-link:hover{text-decoration:underline;}

.notice-box { background: #e8816e; color: #fff; padding: 24px; border-radius: 6px; margin: 24px 0; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.notice-box img { max-width: 220px; width: 100%; border-radius: 4px; }
.notice-box h2 { margin: 0; }

.section { margin: 32px 0; }
.section h2 { margin-top: 0; color: #082C45; }
.section p { line-height: 1.65; margin: 0 0 14px; }
.section p:last-child{margin-bottom:0;}

/* Page headings (rendered in main content, not over the hero) */
.page-title{margin:0 0 14px;line-height:1.1;color:#082C45;font-size:42px;}
@media (max-width: 860px){
  .page-title{font-size:34px;}
}

/* Paragraph rhythm for content coming from the CMS */
.article-body p{margin:0 0 14px;line-height:1.7;}
.article-body h2,.article-body h3,.article-body h4{margin:22px 0 12px;line-height:1.2;color:#082C45;}
.article-body ul,.article-body ol{margin:0 0 14px 18px;}
.article-body li{margin:0 0 8px;}

/* About section spacing (ensure visible paragraphs) */
#about p{margin:0 0 14px;}

/* (btn styles moved above) */

/* Latest news – featured + 3 */
.news-featured{display:grid;grid-template-columns:1.2fr 0.8fr;gap:18px;align-items:start;}
.news-featured--two{grid-template-columns:1.35fr 0.65fr;}
.news-featured__main{border:1px solid #e5e5e5;background:#fff;border-radius:10px;padding:18px;}
.news-featured__main h3{margin:10px 0 12px; padding-top:4px;line-height:1.2;}
.news-featured__main p{margin:0 0 12px;line-height:1.55;}
.news-featured__list{display:grid;gap:12px;}
.news-mini{border:1px solid rgba(0,0,0,0.08);background:#fff;border-radius:10px;padding:14px;}
.news-mini h4{margin:6px 0 8px;line-height:1.25;font-size:16px;}
.news-mini p{margin:0 0 10px;line-height:1.45;color:#232323;}
.news-featured a{color:#082C45;text-decoration:none;}
.news-featured .meta{font-size:13px;color:#686868;margin-bottom:2px;}

.news-readmore{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:800;text-decoration:none;border-bottom:2px solid rgba(232,129,110,0.6);padding-bottom:2px;}
.news-readmore:hover{border-bottom-color:#E8816E;}

.news-readmore--btn{border:1px solid rgba(232,129,110,0.55);border-bottom-width:1px;padding:10px 14px;border-radius:8px;background:rgba(232,129,110,0.10);}
.news-readmore--btn:hover{background:rgba(232,129,110,0.16);}

/* “View all news →” link (replaces a heavy button)
   Use class="news-viewall" on the anchor.
*/
.news-viewall{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#082C45;text-decoration:none;border-bottom:2px solid rgba(8,44,69,0.18);padding-bottom:2px;}
.news-viewall:hover{border-bottom-color:rgba(8,44,69,0.45);} 

/* Header: readable over white sections when scrolled */
/* Interior pages can stay sticky; homepage uses fixed .upper overlay */
body:not(.home):not(.has-hero) #header{position:sticky;top:0;z-index:9999;}
body.is-scrolled .upper{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.08);} 
body.is-scrolled #header{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.08);} 

/* Force white header wrapper on scroll (overrides transparent !important state) */
body.home.is-scrolled .upper{background:#fff !important;box-shadow:0 4px 16px rgba(0,0,0,0.08) !important;}
body.has-hero.is-scrolled .upper{background:#fff !important;box-shadow:0 4px 16px rgba(0,0,0,0.08) !important;}
body.home.is-scrolled #header .container_head{background:#fff !important;}
body.has-hero.is-scrolled #header .container_head{background:#fff !important;}

body.home.is-scrolled #header{background:#fff !important;}
body.is-scrolled .nav>li>a{color:#082C45 !important;}
body.is-scrolled .nav .sub-menu{background:#fff;border:1px solid rgba(0,0,0,0.08);} 
body.is-scrolled .nav .sub-menu a{color:#082C45;}
body.is-scrolled .nav .sub-menu a:hover{background:rgba(8,44,69,0.06);} 

/* Rounded corners for brand blocks */
/* Only bottom-right corner on the MICC logo block */
#titles{border-radius:0 0 18px 0;overflow:hidden;}
#main-nav>li.special>a{border-radius:16px;}

/* Mirror home header behaviour on internal pages with a hero */
.has-hero .upper{position:fixed;top:0;left:0;right:0;z-index:9999;background:transparent !important;}
.has-hero #header{background:transparent !important;box-shadow:none;}
.has-hero #header .container_head{background:transparent !important;}
.has-hero #bottombar{display:none !important;}
.has-hero .wrapper{padding-top:0 !important;}
.has-hero .nav>li>a{color:#fff !important;}
.has-hero .nav li.current-menu-item>a,.has-hero .nav>li>a:hover{border-color:#e8816e;color:#fff !important;}
.has-hero .nav .sub-menu{background:#082C45;border:1px solid rgba(255,255,255,0.08);}
.has-hero .nav .sub-menu a{color:#fff;}
.has-hero .nav .sub-menu a:hover{background:rgba(255,255,255,0.08);}

/* On scroll, internal pages with a hero must switch to a white header (readable nav) */
body.has-hero.is-scrolled #header{background:#fff !important;box-shadow:0 4px 16px rgba(0,0,0,0.08) !important;}
body.has-hero.is-scrolled #header .container_head{background:#fff !important;}
body.has-hero.is-scrolled .nav>li>a{color:#082C45 !important;}
body.has-hero.is-scrolled .nav li.current-menu-item>a,body.has-hero.is-scrolled .nav>li>a:hover{color:#082C45 !important;}
body.has-hero.is-scrolled .nav .sub-menu{background:#fff;border:1px solid rgba(0,0,0,0.08);}
body.has-hero.is-scrolled .nav .sub-menu a{color:#082C45;}
body.has-hero.is-scrolled .nav .sub-menu a:hover{background:rgba(8,44,69,0.06);}

/* =========================
   Mobile navigation (hamburger)
   ========================= */

/* Desktop defaults: keep legacy theme behaviour */
.show-menu{display:none;}

@media (max-width: 980px){
  /* Make header layout robust on smaller screens */
  #header .container_head{display:flex;align-items:center;justify-content:space-between;}
  #titles{width:170px;}
  #titles .logo{margin-top:22px;margin-bottom:22px;}

  /* Hamburger trigger */
  .show-menu{
    -webkit-appearance:none;
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:42px;
    padding:0;
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.38);
    background:transparent;
    color:#fff;
    cursor:pointer;
    user-select:none;
    position:relative;
    z-index:10001;
  }
  .show-menu i{font-size:16px;}
  /* Mobile: icon only (hide the “Menu” text) */
  .show-menu span{display:none;}
  /* When open, show an “X” so users can close the menu */
  .show-menu.is-open i{display:none;}
  .show-menu.is-open::after{
    content:"×";
    font-size:28px;
    line-height:1;
    display:block;
    margin-top:-2px;
  }


  /* Hide the checkbox but keep it accessible */
  #showmenu{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(1px,1px,1px,1px);
    white-space:nowrap;
    border:0;
    padding:0;
    margin:-1px;
  }

  /* Menu panel */
  .header-right.for-menu{position:relative;z-index:10000;}
  #navigation{
    display:none;
    position:fixed;
    top:calc(env(safe-area-inset-top, 0px) + 86px);
    left:50%;
    transform:translateX(-50%);
    width:calc(100vw - 32px);
    max-width:520px;
    max-height:calc(100vh - (env(safe-area-inset-top, 0px) + 110px));
    overflow:auto;
    background:#fff;
    border:1px solid rgba(0,0,0,0.10);
    border-radius:14px;
    box-shadow:0 18px 38px rgba(0,0,0,0.14);
    padding:8px;
    z-index:10000;
  }
  #showmenu:checked ~ #navigation{display:block;}

  /* Stack items */
  #main-nav{display:flex;flex-direction:column;gap:12px;}
  #main-nav>li{float:none;}
  #main-nav>li>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 12px;
    border-radius:10px;
    border:1px solid rgba(0,0,0,0.06);
    background:rgba(8,44,69,0.03);
    color:#082C45;
  }
  #main-nav>li>a:hover{background:rgba(8,44,69,0.06);}

  /* Special button still looks like a button */
  #main-nav>li.special>a{background:#E8816E;color:#fff;border-color:transparent;}
  #main-nav>li.special>a:hover{background:#003356;color:#fff;}

  /* Submenus as collapsible sections */
  #main-nav .sub-menu{
    display:none;
    flex-direction:column;
    gap:10px;
    position:static;
    float:none;
    width:auto;
    margin:10px 0 12px; padding-top:4px;
    padding:0 0 0 10px;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  #main-nav li.is-open > .sub-menu{display:flex;}
  #main-nav .sub-menu li a{
    display:block;
    padding:10px 12px;
    border-radius:10px;
    border:1px solid rgba(0,0,0,0.06);
    background:#fff;
    color:#082C45;
  }
  #main-nav .sub-menu li a:hover{background:rgba(8,44,69,0.06);}

  /* Caret indicator on parent items */
  #main-nav li.menu-item-has-children > a::after{
    content:"\f078";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:12px;
    opacity:.7;
    margin-left:10px;
    transition:transform .18s ease;
  }
  #main-nav li.menu-item-has-children.is-open > a::after{transform:rotate(180deg);}

  /* Hide menu-item-description on small screens to reduce clutter */
  .menu-item-description{display:none;}

  /* On hero pages, keep hamburger readable over the slideshow */
  body.home:not(.is-scrolled) .show-menu,
  body.has-hero:not(.is-scrolled) .show-menu{
    background:rgba(0,0,0,0.18);
    border-color:rgba(255,255,255,0.28);
    color:#fff;
  }
  body.home:not(.is-scrolled) #navigation,
  body.has-hero:not(.is-scrolled) #navigation{
    background:#082C45;
    border-color:rgba(255,255,255,0.12);
  }
  body.home:not(.is-scrolled) #main-nav>li>a,
  body.has-hero:not(.is-scrolled) #main-nav>li>a{
    background:rgba(255,255,255,0.06);
    border-color:rgba(255,255,255,0.10);
    color:#fff;
  }
  body.home:not(.is-scrolled) #main-nav .sub-menu li a,
  body.has-hero:not(.is-scrolled) #main-nav .sub-menu li a{
    background:rgba(255,255,255,0.06);
    border-color:rgba(255,255,255,0.10);
    color:#fff;
  }
  body.home:not(.is-scrolled) #main-nav .sub-menu li a:hover,
  body.has-hero:not(.is-scrolled) #main-nav .sub-menu li a:hover{
    background:rgba(255,255,255,0.10);
  }

  /* Prevent content / sidebar actions touching the bottom edge on mobile */
  body{padding-bottom:40px;}
  .page-aside{margin-bottom:40px;}
  .sidebar-actions{margin-bottom:24px;}
}

/* Home hero: avoid text sitting behind the fixed header/logo on mobile */
@media (max-width: 980px){
  .home-hero{padding-top:210px;}
}

/* Give content a little breathing room below the hero */
.has-hero .container_alt{padding-top:18px;}
.has-hero .page-aside{padding-top:18px;}
.has-hero .page-main > :first-child{margin-top:12px;}

/* Floating Emergency button removed (per client feedback) */

.news-search{display:flex;gap:12px;align-items:center;margin:0 0 18px;}
.news-search input{flex:1;min-width:220px;padding:12px 14px;border-radius:8px;border:1px solid rgba(0,0,0,0.15);}
.news-search button{white-space:nowrap;}
.news-search--spaced{margin-top:18px;}

.news-list{margin-bottom:30px;}
.news-card__meta{font-size:13px;color:#6b6b6b;margin-bottom:6px;}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 36px;border-top:1px solid rgba(0,0,0,0.08);}
.pagination__link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#082C45;text-decoration:none;}
.pagination__link:hover{text-decoration:underline;}
.pagination__link.is-disabled{opacity:.45;cursor:not-allowed;text-decoration:none;}
.pagination__status{color:#6b6b6b;font-size:14px;font-weight:700;}

/* News article header */
.article-header{margin:0 0 18px;}
.article-meta{color:#6b6b6b;font-size:14px;font-weight:700;margin-top:8px;}

/* Safety document download cards */
.docs-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.doc-card{display:flex;align-items:center;gap:14px;border:1px solid rgba(0,0,0,0.10);border-radius:12px;padding:14px 14px;text-decoration:none;background:#fff;}
.doc-card:hover{box-shadow:0 10px 24px rgba(0,0,0,0.08);border-color:rgba(8,44,69,0.22);} 
.doc-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(232,129,110,0.14);color:#E8816E;flex:0 0 auto;}
.doc-card__text{display:flex;flex-direction:column;gap:4px;min-width:0;}
.doc-card__title{font-weight:900;color:#082C45;line-height:1.2;}
.doc-card__hint{font-size:13px;color:#6b6b6b;font-weight:700;}
.doc-card__cta{margin-left:auto;font-weight:900;color:#082C45;white-space:nowrap;}

/* Community warning banner (large callout, mirroring original home layout) */
.community-banner{margin:18px 0 6px;}
.community-banner__inner{display:grid;grid-template-columns:1fr 0.7fr;gap:16px;align-items:stretch;}
.community-banner__panel{background:#0b1f2b;color:#fff;border-radius:12px;padding:18px;}
.community-banner__kicker{margin:0 0 6px;opacity:.85;font-size:13px;letter-spacing:.06em;text-transform:uppercase;}
.community-banner__title{margin:0 0 10px;font-size:22px;line-height:1.2;}
.community-banner__text{margin:0 0 12px;line-height:1.55;}
.community-banner__link{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:800;}
.community-banner__media{border-radius:12px;min-height:160px;background:linear-gradient(120deg, rgba(8,44,69,0.95), rgba(8,44,69,0.55)), url("../MICC/imgi_3_33428257983_4a108f3a0e_o-e1568111746702-1920x900.jpg");background-size:cover;background-position:center;}

@media (max-width: 860px){
  .community-banner__inner{grid-template-columns:1fr;}
  .community-banner__media{min-height:120px;}
}

.partner-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 18px; align-items: center; }
.partner-card { border: 1px solid #e5e5e5; padding: 12px; border-radius: 6px; text-align: center; background: #fff; }
.partner-card img { max-width: 160px; max-height: 120px; width: 100%; height: auto; object-fit: contain; display:block; margin: 0 auto; }

/* Internal page layout + sidebar */
.page-layout{display:grid;grid-template-columns:minmax(0, 1fr) 320px;gap:24px;align-items:start;}
.page-main{min-width:0;}
.page-aside{position:relative;}

.sidebar-actions{background:#f7f7f7;border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:14px;display:grid;gap:12px;}
.sidebar-action{display:block;background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:14px 14px 12px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.sidebar-action__title{display:block;font-weight:900;letter-spacing:0.06em;color:#082C45;font-size:14px;}
.sidebar-action__subtitle{display:block;margin-top:6px;color:#5a5a5a;font-size:14px;line-height:1.35;}
.sidebar-action:hover{border-color:rgba(232,129,110,0.55);box-shadow:0 8px 22px rgba(0,0,0,0.08);transform:translateY(-1px);}

/* News listing cards (internal news page) */
.news-list{display:grid;gap:14px;}
.news-card{border:1px solid rgba(0,0,0,0.10);background:#fff;border-radius:12px;padding:16px;}
.news-card h3{margin:10px 0 12px; padding-top:4px;line-height:1.2;}
.news-card p{margin:0 0 10px;line-height:1.55;}
.news-card a{color:#082C45;text-decoration:none;font-weight:800;}
.news-card a:hover{text-decoration:underline;}

.docs-section { margin-bottom: 24px; }
.docs-section h3 { margin-bottom: 8px; color: #082C45; }
.docs-list { list-style: none; padding: 0; margin: 0; }
.docs-list li { margin-bottom: 8px; }
.docs-list a { color: #082C45; text-decoration: none; }

.article-body img { max-width: 100%; height: auto; }

@media (max-width: 767px) {
    .home-hero { padding: 80px 20px; }
    .home-hero h1 { font-size: 34px; }
    .notice-box { flex-direction: column; align-items: flex-start; }
    .alert-inner{flex-direction:column;align-items:flex-start;}
    .search-strip-form{flex-direction:column;align-items:stretch;}
}

/* Emergency band */
.emergency-band{background:#222933;color:#fff;margin:38px 0 0;border-radius:12px;overflow:hidden;}
.emergency-inner{display:flex;gap:24px;padding:26px;align-items:flex-start;}
.emergency-left h2{margin:0 0 10px;color:#fff;}
.emergency-tag{margin:0 0 10px;letter-spacing:0.5px;}
.emergency-lead{margin:0 0 12px;color:rgba(255,255,255,0.92);}
.emergency-steps{margin:0;padding-left:18px;}
.emergency-steps li{margin:0 0 8px;}

.all-clear{flex:0 0 260px;align-self:flex-start;margin-top:6px;}
.all-clear__inner{border:2px solid rgba(255,255,255,0.55);padding:16px 16px 14px;border-radius:10px;background:rgba(0,0,0,0.10);}
.all-clear__title{margin:0 0 6px;font-weight:900;letter-spacing:0.8px;}
.all-clear__text{margin:0;line-height:1.35;}

/* Bottom panels */
.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 18px;align-items:stretch;}
.please-note{background:#fff;border:1px solid rgba(0,0,0,0.10);border-radius:12px;padding:22px;}
.please-note h2{margin:0 0 10px;color:#082C45;}
.please-note p{margin:0 0 12px;line-height:1.55;}

.media-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px;}
.media-card{position:relative;display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,0.10);min-height: 210px;text-decoration:none;}
.media-card--image{background-image:url("../About/imgi_7_Screen-Shot-2019-09-10-at-00.46.05-2-1024x575.png");background-size:cover;background-position:center;}
.media-card--video{background-image:url("../images/micc-video-thumb.jpg");background-size:cover;background-position:center;}
.media-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(8,44,69,0.70), rgba(8,44,69,0.20));}
.media-card__label{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff;font-weight:800;font-size:18px;}
.media-card__play{position:absolute;left:16px;top:16px;z-index:2;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(232,129,110,0.92);color:#fff;font-size:22px;}
.media-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.12);}

@media (max-width: 900px){
  .emergency-inner{flex-direction:column;}
  .all-clear{flex:unset;max-width:360px;}
  .bottom-panels{grid-template-columns:1fr;}
  .news-featured{grid-template-columns:1fr;}
  .page-layout{grid-template-columns:1fr;}
}

@media (max-width: 700px){
  .page-hero{
      height:300px;
      min-height:300px;
  }
}


/* --- Mobile header overlay + alignment fixes (v3) --- */
@media (max-width: 980px){
  /* Keep header over the hero/slideshow (no white strip) */
  .upper.header_default,
  .upper.tmnf-sidebar-active{
    position:absolute;
    top:0; left:0; right:0;
    background:transparent !important;
    z-index:10050;
  }
  #header{
    background:transparent !important;
    position:relative;
    z-index:10051;
  }
  /* Align logo and hamburger on one row */
  .container_head{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
  }
  #titles{margin:0 !important; padding:0 !important; flex:0 0 auto;}
  #titles .logo img{
    height:64px !important;
    width:auto !important;
    max-width:72vw;
    object-fit:contain;
  }
  .header-right.for-menu{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
  }
  /* Icon only - ensure the word doesn't appear */
  .show-menu span{display:none !important;}

  /* Make sure the button sits above hero overlays */
  .show-menu{z-index:10060;}
  .home-hero .overlay,
  .page-hero .overlay{pointer-events:none;}

  /* Give the home hero text enough top padding so it never sits under the logo */
  .home-hero{padding-top:220px !important;}
}

/* Slightly smaller logo on very small phones */
@media (max-width: 420px){
  #titles .logo img{height:56px !important;}
  .home-hero{padding-top:210px !important;}
}




/* =========================
   Policy Pages (Privacy, Cookies, Accessibility)
   ========================= */

.policy-page{
  max-width: 900px;
  margin: 40px auto 60px;
  padding: 0 20px;
}

.policy-page h1{
  font-size: 38px;
  margin-bottom: 18px;
  color:#082C45;
}

.policy-page h2{
  margin-top: 32px;
  margin-bottom: 10px;
  font-size: 22px;
  color:#082C45;
}

.policy-page p{
  line-height: 1.7;
  margin-bottom: 14px;
  color:#222;
}

.policy-page ul{
  margin: 0 0 14px 20px;
}

.policy-page li{
  margin-bottom: 8px;
}

.policy-page strong{
  color:#082C45;
}


/* Footer: make copyright line match footer links */
#footer .bottom-menu.bottom-menu--copy{
  margin-top:6px;
  text-align:center;
}

#footer .bottom-menu.bottom-menu--copy li{
  float:none;
  display:inline-block;
  background:none;
}

#footer .bottom-menu li .footer-copy{
  padding:5px 10px;
  font-weight:normal !important;
  font-size:10px;
  text-transform:uppercase;
  color:inherit;
  display:inline-block;
}


/* =========================
   Equal height latest news cards fix
   ========================= */

.news-featured{
  align-items:stretch;
}

.news-featured__main,
.news-mini{
  display:flex;
  flex-direction:column;
  height:100%;
}

.news-featured__main .news-readmore,
.news-mini .news-readmore{
  margin-top:auto;
}



/* =========================
   Final unified news card styling
   ========================= */

/* Equal height cards */
.news-featured{
  align-items:stretch;
}

.news-featured__main,
.news-mini{
  display:flex;
  flex-direction:column;
}

/* Keep Read more aligned at bottom but not full width */
.news-featured__main .news-readmore,
.news-mini .news-readmore{
  margin-top:auto;
  align-self:flex-start;
}

/* Standardise Read more styling (clean inline link style) */
.news-readmore{
  display:inline-flex;
  align-items:center;
}

/* Remove heavy button styling if present */
.news-readmore--btn{
  border:0;
  background:none;
  padding:0;
  border-radius:0;
}

.news-readmore--btn:hover{
  background:none;
}

/* =========================================
   Community Warning System (Audio download)
   ========================================= */
.cws-audio{
  border:1px solid #e2e2e2;
  border-radius:10px;
  padding:24px;
  background:#fafafa;
  margin:20px 0 50px; /* extra space before content below */
}
.cws-audio__head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.cws-audio__icon{
  display:inline-flex;
  width:40px;
  height:40px;
  border-radius:10px;
  align-items:center;
  justify-content:center;
  background:rgba(0,51,86,0.08);
  color:#003356;
}
.cws-audio__title{
  font-weight:700;
  font-size:18px;
  line-height:1.2;
}
.cws-audio__meta{
  color:#777;
  font-size:14px;
  margin-top:2px;
}
.cws-audio__player{
  width:100%;
  margin:10px 0 14px;
}
.cws-audio__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.cws-audio__btnicon{
  display:inline-flex;
  vertical-align:middle;
  margin-right:8px;
}

/* Primary download button: match site blue (dropdown/nav) */
.btn.cws-audio__download{
  background:#003356;
  color:#fff;
}
.btn.cws-audio__download:hover{
  background:#00233d;
  color:#fff;
}

/* Outline button (if not already present) */
.btn.btn-outline{
  background:transparent;
  border:1px solid #003356;
  color:#003356;
}
.btn.btn-outline:hover{
  background:#003356;
  color:#fff;
}

/* Added: header background on scroll (standalone build) */
.header_default{
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.header_default.scrolled{
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* =========================================
   Mobile Navigation (JS Controlled)
   ========================================= */

@media (max-width: 980px) {

    /* Hide nav by default */
    #navigation {
        display: none;
    }

    /* Show when JS adds class */
    #navigation.mobile-open {
        display: block;
    }

    /* Hide submenus */
    #main-nav .sub-menu {
        display: none;
    }

    /* Show when parent opened */
    #main-nav .menu-item-has-children.is-open > .sub-menu {
        display: block;
    }

    /* Optional: make parent items look clickable */
    #main-nav .menu-item-has-children > a {
        cursor: pointer;
    }
}