/* Canbank VC Downloads: created 21 October 2026.
   Page-scoped styles; do not alter the shared News, Portfolio, header or footer CSS. */

/* Match the approved News and Insights responsive banner pattern; no rigid height. */
.w3l-about-breadcrumb .breadcrumb-bg-about h1.title {
  color: #fff !important;
  font-size: 50px !important;
  font-weight: 600 !important;
  line-height: 1.2;
  text-align: center;
  margin-top: 50px;
}
.w3l-about-breadcrumb .breadcrumb-bg-about p.inner-page-para {
  color: #fff !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  opacity: 1 !important;
}
.downloads-skip-link {
  position: fixed;
  z-index: 100000;
  top: 8px;
  left: 8px;
  padding: 10px 16px;
  background: #fff;
  color: #111827;
  border: 3px solid #1457d2;
  transform: translateY(-180%);
}
.downloads-skip-link:focus, .downloads-skip-link:focus-visible {
  transform: none;
  color: #111827;
}
#main-content:focus { outline: none; }
.w3l-blog .downloads-card { height: 100%; overflow: visible; }
.w3l-blog .downloads-document-link {
  display: block;
  height: 100%;
  color: #242b34;
  text-decoration: none !important;
  border-radius: 5px;
  transition: color .3s ease, background-color .3s ease;
}
.w3l-blog .downloads-document-link:link,
.w3l-blog .downloads-document-link:visited,
.w3l-blog .downloads-document-link:hover,
.w3l-blog .downloads-document-link:focus,
.w3l-blog .downloads-document-link:active {
  text-decoration: none !important;
}
.w3l-blog .downloads-document-link:hover,
.w3l-blog .downloads-document-link:focus-visible { color: #171a20; }
.w3l-blog .downloads-document-link:focus-visible {
  outline: 3px solid #135ac9;
  outline-offset: 4px;
}
.w3l-blog .downloads-card-header { background: #fff; }
.w3l-blog .downloads-icon { width: 100px; max-width: 100%; height: auto; margin: 0 auto; }
.w3l-blog .downloads-card-body { text-align: center; margin: 0 auto; overflow-wrap: anywhere; }
.w3l-blog .downloads-publisher { color: #364152; font-size: 1rem; font-weight: 400; margin: 0 0 .5rem; }
.w3l-blog .downloads-title { font-size: 1.15rem; font-weight: 600; line-height: 1.45; color: inherit; margin: 0; }
.w3l-blog .downloads-hint { display: block; font-size: .875rem; color: #45556b; margin-top: .5rem; }
/* Apply to common site theme conventions, independently of the carousel iframe. */
html[data-theme="dark"] .w3l-blog .downloads-document-link,
body[data-theme="dark"] .w3l-blog .downloads-document-link,
html[data-theme="night"] .w3l-blog .downloads-document-link,
body[data-theme="night"] .w3l-blog .downloads-document-link,
[data-theme="dark"] .w3l-blog .downloads-document-link {
  color: #e8edf3;
}
html[data-theme="dark"] .w3l-blog .downloads-document-link:hover,
body[data-theme="dark"] .w3l-blog .downloads-document-link:hover,
html[data-theme="night"] .w3l-blog .downloads-document-link:hover,
body[data-theme="night"] .w3l-blog .downloads-document-link:hover,
[data-theme="dark"] .w3l-blog .downloads-document-link:hover { color: #fff; }
html[data-theme="dark"] .w3l-blog .downloads-publisher,
body[data-theme="dark"] .w3l-blog .downloads-publisher,
html[data-theme="night"] .w3l-blog .downloads-publisher,
body[data-theme="night"] .w3l-blog .downloads-publisher,
[data-theme="dark"] .w3l-blog .downloads-publisher { color: #d6deea; }
html[data-theme="dark"] .w3l-blog .downloads-hint,
body[data-theme="dark"] .w3l-blog .downloads-hint,
html[data-theme="night"] .w3l-blog .downloads-hint,
body[data-theme="night"] .w3l-blog .downloads-hint,
[data-theme="dark"] .w3l-blog .downloads-hint { color: #d6deea; }
@media (max-width: 991px) {
 .w3l-about-breadcrumb .breadcrumb-bg-about h1.title { font-size: 40px !important; }
}
@media (max-width: 568px) {
 .w3l-about-breadcrumb .breadcrumb-bg-about h1.title { font-size: 35px !important; }
 .w3l-about-breadcrumb .breadcrumb-bg-about p.inner-page-para { font-size: 18px; }
}
@media (max-width: 384px) {
 .w3l-about-breadcrumb .breadcrumb-bg-about h1.title { font-size: 30px !important; }
}
@media (prefers-reduced-motion: reduce) {
 .w3l-blog .downloads-document-link { transition: none; }
}
