/* Created: 21 October 2026. Canbank contact page: original visual layout preserved; accessibility enhancement only. */
.contact-skip-link{position:fixed;z-index:100000;top:-100px;left:12px;background:#fff;color:#10263b;padding:12px 18px;border:3px solid #075bea;border-radius:4px}
.contact-skip-link:focus{top:12px}
#main-content:focus{outline:none}
/* Identical banner typography and fluid padding model to News and Insights. */
.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;opacity:1!important;line-height:1.5}
/* Restore original shared stylesheet's contact-card font sizes, weight and spacing. */
.w3l-contact-main .single-contact-infos address{font-style:normal;line-height:inherit}
.w3l-contact-main .single-contact-infos a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.w3l-contact-main .single-contact-infos a:hover{color:inherit}
/* Maintain a clear gap between the last form field and the Submit button. */
#contact-form-section #cvcfl-contact-form .form-top1 > .text-lg-right { margin-top: 20px; }
/* Keep the approved form: Name | Phone, Email | Subject, Message across both columns. */
#contact-form-section .contact-form-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;row-gap:20px;align-items:stretch;width:100%;}
#contact-form-section .contact-field{min-width:0;margin:0;padding:0;}
#contact-form-section .contact-field-name{grid-column:1;grid-row:1}
#contact-form-section .contact-field-phone{grid-column:2;grid-row:1}
#contact-form-section .contact-field-email{grid-column:1;grid-row:2}
#contact-form-section .contact-field-subject{grid-column:2;grid-row:2}
#contact-form-section .contact-field-message{grid-column:1/-1;grid-row:3;margin-top:10px}
#contact-form-section .contact-field input,#contact-form-section .contact-field textarea{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;font:inherit;}
#contact-form-section .contact-field input{min-height:60px}
#contact-form-section .contact-field textarea{min-height:130px;resize:vertical}
.contact-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#contact-form-section input:not([type=hidden]),#contact-form-section textarea{color:#162b3e;background:#fff;border:1px solid #626c78}
#contact-form-section input::placeholder,#contact-form-section textarea::placeholder{color:#656565;opacity:1}
#contact-form-section input[aria-invalid=true],#contact-form-section textarea[aria-invalid=true]{border:2px solid #a51d2d}
#contact-form-section :is(a,button,input,textarea):focus-visible,.w3l-contact-main a:focus-visible{outline:3px solid #075bea!important;outline-offset:3px!important;box-shadow:0 0 0 2px #fff}
.contact-required-note{text-align:center;color:#24394d;line-height:1.6}
#contact-form-errors:not([hidden]){padding:14px;border:2px solid #ab2533;color:#7e1322;background:#fff3f3;margin:14px 0;border-radius:5px}
#mess{min-height:1.5em;line-height:1.6}
.contact-server-message{margin:12px auto;padding:12px;text-align:center;font-size:1rem;font-weight:600;color:#1b4933}
#contact-map iframe{display:block;width:100%;min-height:330px;border:0}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,html[data-theme="night"],body[data-theme="night"],html[data-theme="Dark"],body[data-theme="Dark"]) #contact-form-section :is(input:not([type=hidden]),textarea){background:#142638;color:#fff;border-color:#b1becd}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,html[data-theme="night"],body[data-theme="night"],html[data-theme="Dark"],body[data-theme="Dark"]) #contact-form-section :is(input,textarea)::placeholder{color:#d4dce6}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,html[data-theme="night"],body[data-theme="night"]) .contact-required-note{color:#f1f5f9}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,html[data-theme="night"],body[data-theme="night"]) #contact-form-errors:not([hidden]){background:#38202a;color:#fff;border-color:#ff9fa8}
@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}#contact-map iframe{min-height:280px}}
@media(max-width:575px){#contact-form-section .contact-form-grid{grid-template-columns:minmax(0,1fr)}#contact-form-section .contact-field{grid-column:1!important;grid-row:auto!important}#contact-form-section .contact-field-message{margin-top:0}}
@media(max-width:384px){.w3l-about-breadcrumb .breadcrumb-bg-about h1.title{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){#main-content *,#main-content *::before,#main-content *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}