
*{box-sizing:border-box}
body{
margin:0;
font-family:Georgia,serif;
color:#fff;
background:url('./images/background.jpg') center top/cover fixed no-repeat;
}
.panel{
width:min(1050px,94%);
margin:20px auto 34px;
background:#051f3c;
padding:18px 22px 28px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.45);
text-align:center;
}
.top-logo{display:block;width:min(620px,95%);margin:0 auto 12px}
.hero{display:block;width:min(520px,100%);margin:0 auto 20px;border-radius:12px}
h2{margin:14px 0;color:#f3c34c;font:900 clamp(2rem,4vw,2.9rem)/1.1 Arial,sans-serif}
h2 span{display:block}
.intro{max-width:760px;margin:0 auto 18px;font-size:1.1rem;line-height:1.75}
.archive{margin:14px 0 22px}
.archive p{margin:0 0 10px}
.btn{display:inline-block;padding:14px 28px;background:#b51d22;color:#fff!important;text-decoration:none;border-radius:8px;font-weight:bold}
.contact{margin:8px auto 6px}
.contact a,.contact a:visited{color:#fff!important;text-decoration:none;font-weight:bold}
.contact a:hover{color:#f3c34c!important}
footer{background:#051f3c;padding:18px 0 24px}
.footer-inner{width:min(1050px,94%);margin:auto}
.bottom-logo{display:block;width:100%;height:auto;margin:0 auto 10px}
.foot,.foot a,.foot a:visited{color:#fff!important;text-decoration:none;font-size:12px}


footer{
    background:transparent !important;
    margin-top:30px;
    text-align:center;
    padding:0 0 20px 0;
}

.site-nav .nav-separator{height:0;border-top:2px solid #ffc43d;margin:0}

/* Shared graphic navigation bar */
.site-nav{
    width:779px;
    max-width:100%;
    margin:18px auto 28px;
    border-top:3px solid #ffc43d;
    border-bottom:3px solid #ffc43d;
    background:linear-gradient(#d8212a,#a90f18);
    box-shadow:0 5px 14px rgba(0,0,0,.38);
    position:relative;
    z-index:100;
}
.site-nav ul{list-style:none;margin:0;padding:0;}
.site-nav>ul{display:flex;justify-content:stretch;align-items:stretch;flex-wrap:nowrap;}
.site-nav li{position:relative;}
.site-nav>ul>li{flex:1;position:relative;border-right:1px solid rgba(255,255,255,.28);}
.site-nav>ul>li:first-child{border-left:1px solid rgba(255,255,255,.28);}
.site-nav a,.site-nav a:visited{
    display:block;
    color:#fff!important;
    text-decoration:none;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:800;
    font-size:13px;
    line-height:1.15;
}
/* Top-level items: menu buttons and plain links look identical */
.site-nav .nav-top,.site-nav .nav-top:visited{
    display:flex;justify-content:center;align-items:center;
    width:100%;height:100%;margin:0;padding:15px 8px;
    background:none;border:0;border-radius:0;cursor:pointer;
    color:#fff!important;font:800 13px/1.15 Arial,Helvetica,sans-serif;
    text-align:center;text-decoration:none;text-shadow:0 2px 2px rgba(0,0,0,.45);white-space:nowrap;
    -webkit-appearance:none;appearance:none;
}
.site-nav button.nav-top::after{content:"";display:inline-block;margin-left:7px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #ffc43d;vertical-align:middle;transition:transform .15s;}
.site-nav li.open>button.nav-top::after{transform:rotate(180deg);}
.site-nav .nav-top:focus-visible{outline:3px solid #ffc43d;outline-offset:-3px;}
.site-nav>ul>li.open>.nav-top{background:linear-gradient(#ffca45,#e89f12);color:#071f3d!important;text-shadow:none;}
.site-nav .dropdown{
    display:none;
    position:absolute;
    left:0;
    top:100%;
    min-width:285px;
    background:#071f3d;
    border:2px solid #ffc43d;
    border-radius:0 0 10px 10px;
    box-shadow:0 10px 22px rgba(0,0,0,.48);
    overflow:hidden;
    z-index:101;
    text-align:left;
}
.site-nav .dropdown-right{left:auto;right:0;min-width:200px;}
.site-nav li.open>.dropdown{display:block;}
/* Mouse users still get hover menus; touch screens use tap only */
@media (hover:hover) and (pointer:fine){
    .site-nav>ul>li:hover>.nav-top{background:linear-gradient(#ffca45,#e89f12);color:#071f3d!important;text-shadow:none;}
    .site-nav li:hover>.dropdown{display:block;}
}
.site-nav .dropdown li{border-bottom:1px solid rgba(255,255,255,.14);}
.site-nav .dropdown li:last-child{border-bottom:0;}
.site-nav .dropdown a,.site-nav .dropdown a:visited{padding:12px 15px;font-size:14px;font-weight:700;color:#fff!important;background:#071f3d;white-space:nowrap;}
.site-nav .dropdown a:hover,.site-nav .dropdown a:focus{background:#ffc43d;color:#071f3d!important;outline:none;}
.site-nav .nav-separator{height:0;border-top:2px solid #ffc43d;margin:0;}
@media (max-width:850px){
    .site-nav>ul{display:block;}
    .site-nav>ul>li{border:0;border-bottom:1px solid rgba(255,255,255,.25);}
    .site-nav>ul>li:first-child{border-left:0;}
    .site-nav .nav-top{padding:13px 16px;}
    .site-nav .dropdown,.site-nav .dropdown-right{position:static;min-width:0;width:100%;border:0;border-radius:0;box-shadow:none;text-align:center;}
    .site-nav .dropdown a,.site-nav .dropdown a:visited{white-space:normal;}
}

/* Admin bar (only visible to signed-in administrators) */
.ihs-admin-bar{
    width:779px;max-width:100%;margin:8px auto 0;
    display:flex;justify-content:space-between;align-items:center;gap:8px 14px;flex-wrap:wrap;
    padding:8px 12px;background:#0d2c52;border:1px solid #ffc43d;border-radius:8px;
    color:#fff;font:14px/1.3 Arial,Helvetica,sans-serif;text-align:left;
}
.ihs-admin-bar[hidden]{display:none;}
.ihs-admin-links{display:flex;gap:14px;flex-wrap:wrap;}
.ihs-admin-bar a,.ihs-admin-bar a:visited{color:#ffc43d!important;font-weight:700;text-decoration:none;}
.ihs-admin-bar a:hover,.ihs-admin-bar a:focus{color:#fff!important;text-decoration:underline;}
@media (max-width:560px){.ihs-admin-bar{justify-content:center;text-align:center;}}

/* Small footer admin link; hidden once signed in */
.ihs-footer-admin{margin-top:6px;}
.ihs-footer-admin a,.ihs-footer-admin a:visited{color:#8fa3bd!important;font-size:11px;font-weight:400!important;text-decoration:none;}
.ihs-footer-admin a:hover{color:#ffc43d!important;}
.ihs-admin-signed-in .ihs-footer-admin{display:none;}

/* Touch screens: older pages still carry their own copy of the menu CSS with
   :hover/:focus-within rules that would keep a menu stuck open after a tap.
   On touch devices only the tapped (.open) menu is shown. */
@media (hover:none),(pointer:coarse){
    .site-nav li:not(.open):hover>.dropdown,
    .site-nav li:not(.open):focus-within>.dropdown{display:none;}
}
