/* A quieter shared masthead and navigation. */
.mc-header { border-top:0; border-bottom:1px solid #e1e8ed; background:#fff; font-family:'Open Sans','Segoe UI',Arial,sans-serif; }
.mc-header .mc-masthead { min-height:148px; padding-top:25px; padding-bottom:25px; }
.mc-header .mc-brand { text-shadow:0 2px 12px rgba(8,28,39,.3); }
.mc-header .mc-brand-name { font-size:39px; letter-spacing:-1.8px; }
.mc-header .mc-brand-caption { font-size:10px; letter-spacing:1.4px; text-transform:uppercase; margin-top:9px; }
.mc-header .mc-header-note { font-size:13px; font-weight:500; padding-top:30px; }
.mc-header .mc-header-note span { font-size:11px; }
.mc-header .mc-search { top:16px; right:24px; }
.mc-header .mc-search .mc-search-toggle { background:rgba(255,255,255,.96); color:#244455; border:1px solid rgba(255,255,255,.7); border-radius:24px; box-shadow:0 3px 12px rgba(14,34,44,.12); font-size:12px; font-weight:600; padding:9px 16px; min-height:40px; }
.mc-header .mc-motion-toggle { border:0; background:rgba(18,43,55,.65); border-radius:20px; font-size:10px; min-height:26px; padding:5px 10px; }
.mc-header #mainNav { background:#fff; border:0; min-height:62px; }
.mc-header #mainNav > .container-fluid { max-width:1280px; padding:0 20px; }
.mc-header #mainNav ul.nav.navbar-nav { align-items:center; gap:2px; }
.mc-header #mainNav #myNavbar > ul > li > a,
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle { min-height:60px; margin:0; padding:20px 11px; border-radius:0; color:#405567!important; background:transparent; box-shadow:none; font-size:12px; font-weight:600; letter-spacing:.1px; }
.mc-header #mainNav #myNavbar > ul > li > a:hover { background:#f5f8fa; color:#183247!important; }
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle { position:relative; }
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle::after { content:''; position:absolute; left:12px; right:12px; bottom:10px; height:2px; border-radius:2px; background:var(--submenu-accent); opacity:.65; }
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle:hover,
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle:focus-visible,
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle[aria-expanded=true] { color:var(--submenu-ink)!important; background:var(--submenu-light); box-shadow:none; }
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle[aria-expanded=true]::after { opacity:1; }
.mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link { min-height:38px; margin:0 8px; padding:11px 15px; border-radius:8px; background:#c52c43; color:#fff!important; box-shadow:none; font-size:12px; line-height:1.4; }
.mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link:hover,
.mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link:focus-visible { background:#a82135; color:#fff!important; }
.mc-header #mainNav .dropdown-menu.mc-submenu-panel { border-top-width:2px!important; border-radius:0 0 12px 12px; box-shadow:0 18px 35px rgba(24,50,71,.14); }
.mc-header #mainNav .mc-submenu-panel:nth-child(n) .mc-submenu-heading { background:var(--submenu-light); color:var(--submenu-ink); padding:17px 20px; font-size:15px; border-bottom:1px solid #e5edf1; }
.mc-header #mainNav .mc-submenu-count { color:var(--submenu-ink); border:0; background:#fff; }
.mc-header #mainNav .mc-submenu-body { background:#fff; padding:10px; }
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a { background:transparent; border-color:transparent; color:#405567; font-size:12px; min-height:40px; }
.mc-header #mainNav .mc-submenu-items a::before { width:5px; height:5px; flex-basis:5px; box-shadow:none; opacity:.6; }
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a:hover,
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a:focus-visible { background:var(--submenu-light)!important; border-color:transparent; box-shadow:none; color:var(--submenu-ink); }
.mc-header #mainNav .navbar-toggle { color:#334f60; background:#f3f7f9; border-color:#dce6eb; }
.mc-header #mainNav a:focus-visible,.mc-header #mainNav button:focus-visible { outline-color:#16889c; }
.mc-header .mc-masthead .rain-forecast { border-radius:10px; box-shadow:none; }
@media(max-width:1099px) {
 .mc-header .mc-masthead { min-height:132px; padding:22px 20px 36px; }
 .mc-header #mainNav { min-height:54px; }
 .mc-header #myNavbar { border-color:#e1e8ed; }
 .mc-header #mainNav #myNavbar > ul > li > a,.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle { min-height:44px; padding:13px 14px; border-radius:6px; }
 .mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle::after { top:13px; bottom:13px; left:0; right:auto; width:3px; height:auto; }
 .mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link { display:inline-flex; min-height:40px; margin:4px 0 8px; padding:10px 16px; }
}
@media(max-width:540px) {
 .mc-header .mc-brand-name { font-size:32px; }
 .mc-header .mc-brand-caption { font-size:9px; letter-spacing:.8px; }
 .mc-header .mc-search { right:16px; top:16px; }
 .mc-header .mc-search .mc-search-toggle { width:40px; height:40px; padding:10px; font-size:0; }
}
/* Slightly larger navigation type for easier reading. */
.mc-header #mainNav #myNavbar > ul > li > a,
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle { font-size:16px; padding-left:10px; padding-right:10px; }
.mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link { font-size:16px; }
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a { font-size:16px; }
.mc-header #mainNav .mc-submenu-panel:nth-child(n) .mc-submenu-heading { font-size:18px; }
.mc-header .mc-search .mc-search-toggle { font-size:16px; }
@media(max-width:540px) { .mc-header .mc-search .mc-search-toggle { font-size:0; } }
/* Keep only the navigation visible while the masthead scrolls away. */
.mc-nav-spacer { height:0; pointer-events:none; }
.mc-header #mainNav.mc-nav-pinned { position:fixed; top:0; left:0; right:0; width:100%; z-index:1200; box-shadow:0 3px 14px rgba(24,50,71,.12); }
@media(max-width:1099px) {
 .mc-header #mainNav.mc-nav-pinned #myNavbar.mc-menu-open { max-height:calc(100dvh - 65px); max-height:calc(100vh - 65px); overflow-y:auto; overscroll-behavior:contain; }
}
/* Compact brand marker for the pinned navigation. */
.mc-header #mainNav .mc-sticky-brand { display:none; }
.mc-header #mainNav.mc-nav-pinned > .container-fluid { display:flex; align-items:center; gap:12px; }
.mc-header #mainNav.mc-nav-pinned .mc-sticky-brand { display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; border-radius:8px; }
.mc-header #mainNav .mc-sticky-brand img { display:block; width:34px; height:34px; }
.mc-header #mainNav.mc-nav-pinned #myNavbar { flex:1; min-width:0; }
@media(max-width:1099px) {
 .mc-header #mainNav.mc-nav-pinned > .container-fluid { flex-wrap:wrap; gap:0 12px; }
 .mc-header #mainNav.mc-nav-pinned .navbar-header { flex:1; }
 .mc-header #mainNav.mc-nav-pinned #myNavbar { flex-basis:100%; width:100%; }
}
/* Static meteorological panorama, shared across the site. */
.mc-header .mc-masthead.mc-scenes {
    background-image:url('/images/meteocam-weather-sky-v2.jpg');
    background-position:center 58%;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#258edf;
}
@media(max-width:767px) { .mc-header .mc-masthead.mc-scenes { background-position:65% center; } }
/* Light rain-alert panel to complement the daytime sky. */
.mc-header .mc-masthead .rain-forecast { background:rgba(246,252,255,.96); border:1px solid rgba(255,255,255,.85); border-left:3px solid #3c9ab5; color:#234d63; box-shadow:0 3px 14px rgba(34,92,126,.1); }
.mc-header .mc-masthead .rain-forecast h2 { color:#234d63; }
.mc-header .mc-masthead .rain-forecast-icon { background:#dceff5; color:#287b98; }
.mc-header .mc-masthead .rain-forecast-kicker,
.mc-header .mc-masthead .rain-forecast-period,
.mc-header .mc-masthead .rain-forecast-amount small,
.mc-header .mc-masthead .rain-forecast-footer { color:#526f80; }
.mc-header .mc-masthead .rain-forecast-place { color:#2d5267; }
.mc-header .mc-masthead .rain-forecast-amount { color:#206b89; }
.mc-header .mc-masthead .rain-forecast-row { border-color:#d6e6ee; }
.mc-header .mc-masthead .rain-forecast-more summary,
.mc-header .mc-masthead .rain-forecast-footer button { color:#216b84; }
.mc-header .mc-masthead .rain-forecast-more summary span { background:#dceff5; color:#286d85; }
.mc-header .mc-masthead .rain-forecast-footer button:hover { color:#164b60; }
.mc-header .mc-masthead .rain-forecast-footer button:focus-visible,
.mc-header .mc-masthead .rain-forecast-more summary:focus-visible { outline-color:#287b98; }