/* BCIC Accessibility: visual side of the repairs. Colors stay in the site's own blue, green and gray. */

/* Skip link: hidden until it receives keyboard focus. */
.bcic-skip{position:absolute;left:-9999px;top:0;z-index:100000;background:#0d76ba;color:#fff;padding:12px 18px;font:bold 16px/1.2 Arial,Helvetica,sans-serif;text-decoration:underline}
.bcic-skip:focus{left:12px;top:12px;outline:3px solid #373838;outline-offset:2px}
#sitefull:focus{outline:none}

/* Text that is there for screen readers only. */
.bcic-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Readable text: page and footer text was 13px at line-height 1. Relative units so browser text size settings apply. */
.entry-content,.entry-content p,.entry-content li,.entry-content td,#footer .textwidget,#footer .textwidget p{font-size:1rem;line-height:1.5}
.entry-content p,.entry-content li{margin-bottom:.75em}

/* Links in page content: the theme green (#76b33e) on white is about 2.6 to 1. A darker green of the same family passes, and links are underlined so color is not the only cue. */
.entry-content a,.entry-content a strong,.entry-content a em,.entry-content a span{color:#3f6f1d}
.entry-content a{text-decoration:underline;text-underline-offset:2px}
.entry-content a:hover{color:#000}
.entry-content .sp-logo-carousel-pro-section a{text-decoration:none}

/* Visible keyboard focus everywhere. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #0d76ba;outline-offset:2px}
#footer a:focus-visible,nav a:focus-visible{outline-color:#fff}

/* Slide captions were H1s; now H2s that look the same. */
.nivo-caption h2{font-size:18px;color:#fff;padding:0;margin:0;font-weight:400;font-family:Oswald,Arial,sans-serif}
@media only screen and (max-width:767px){.nivo-caption h2{font-size:24px}}

/* Slider pause button. */
.bcic-pause{position:absolute;right:12px;bottom:12px;z-index:20;background:#373838;color:#fff;border:2px solid #fff;padding:8px 14px;font:bold 14px/1 Arial,Helvetica,sans-serif;cursor:pointer;border-radius:4px}
.bcic-pause:hover{background:#0d76ba}
#home_slider{position:relative}

/* Slider arrows and dots are reachable by keyboard; keep them visible while focused. */
.theme-default .nivo-directionNav a:focus-visible{opacity:1}

/* Dropdown menu opens for keyboard users too. */
@media screen and (min-width:1000px){nav ul li:focus-within>ul{display:block}}

/* Maps, calendars and video no longer push the page sideways on a phone. */
.entry-content iframe,.entry-content video,.entry-content embed,.entry-content object{max-width:100%}
.entry-content img{max-width:100%;height:auto}

/* Colors typed into page text by hand: pure red (#ff0000, 4.0 to 1) and mid gray (#808080, 3.9 to 1) are darkened just enough to pass 4.5 to 1. */
.entry-content [style*="#ff0000"],.entry-content [style*="#FF0000"]{color:#c00000!important}
.entry-content [style*="#808080"]{color:#595959!important}

/* Text buttons that replace the old button pictures. */
.bcic-btn{display:inline-block;background:#0d76ba;color:#fff!important;font:600 1.0625rem/1.2 Oswald,Arial,sans-serif;letter-spacing:.02em;padding:.7em 1.4em;border-radius:6px;text-decoration:none;box-shadow:0 2px 0 #0a5a8e;margin:.25em 0}
a:hover .bcic-btn{background:#373838;box-shadow:0 2px 0 #1f2020}
a:has(.bcic-btn){text-decoration:none!important}
.bcic-btn--fb{background:#1b5fbf;box-shadow:0 2px 0 #144a96}
.bcic-btn--fb::before{content:"f";display:inline-block;font:700 1.05em/1 Arial,sans-serif;background:#fff;color:#1b5fbf;width:1.2em;height:1.2em;line-height:1.25em;text-align:center;border-radius:3px;margin-right:.55em;vertical-align:-.1em}
#footer .bcic-btn{color:#fff!important}

/* Header email: an older rule hid it; the CIC asked for it to show. */
.phone_email h4.email{display:block!important}

/* Partner and sponsor logos: one height, centred in equal boxes, so no logo dwarfs or runs into the next. */
.sp-logo-carousel-pro-section .sp-lcp-logo-wrapper{display:flex!important;align-items:center;justify-content:center;height:120px;padding:12px 18px;box-sizing:border-box}
.sp-logo-carousel-pro-section .sp-lcp-logo-wrapper img{max-height:72px!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain;margin:0 auto}

/* Vector logo keeps the original 760px size and shrinks on small screens. */
#logo img.bcic-logo{max-width:100%;height:auto}

/* Partner and sponsor logo strip (replaces Logo Carousel Pro). A still, wrapping row: every logo visible, nothing moves. */
.entry-content ul.bcic-logos{list-style:none!important;margin:1.25em 0 2em!important;padding:0!important;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 28px}
.entry-content ul.bcic-logos li{list-style:none!important;margin:0!important;padding:10px 14px!important;background:none!important;display:flex;align-items:center;justify-content:center;width:200px;height:110px;box-sizing:border-box}
.entry-content ul.bcic-logos li::before{content:none!important}
.entry-content ul.bcic-logos img{max-width:100%!important;max-height:72px!important;width:auto!important;height:auto!important;object-fit:contain;margin:0!important;border:0!important}
@media (max-width:600px){.entry-content ul.bcic-logos li{width:44%;height:90px}.entry-content ul.bcic-logos img{max-height:60px!important}}

/* Slider arrows: the theme hides them until hover; show them, with a ring, when they have keyboard focus. */
.theme-default .nivo-directionNav a:focus,.theme-default .nivo-directionNav a:focus-visible{opacity:1!important;outline:3px solid #fff!important;outline-offset:2px;box-shadow:0 0 0 6px #0d76ba}
.nivo-controlNav a:focus-visible{outline:3px solid #0d76ba!important;outline-offset:2px}

/* A section heading moved from H3 to H2 for heading order keeps its old look. */
.entry-content h2.bcic-as-h3{font-family:Oswald,Arial,sans-serif;font-size:22px;font-weight:300;color:#0d76ba;margin:0 0 10px;line-height:30px}

/* Smooth sticky menu (desktop). */
.bcic-nav-spacer{height:0}
@media screen and (min-width:1000px){
  #nav.bcic-pinned{position:fixed;left:0;right:0;z-index:9990;box-shadow:0 2px 10px rgba(0,0,0,.25);animation:bcic-slide .28s ease-out}
}
@keyframes bcic-slide{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){#nav.bcic-pinned{animation:none}}