/* site additions */
:where(img[width][height]){height:auto}
video{max-width:100%;height:auto}
.service-area h2{color:#e5e5e5}
.blog-post-date{background:transparent}
html[lang="en"] .navbar-brand .wallstreet_title_head{font-size:28px;line-height:36px;white-space:nowrap}
html[lang="en"] .page-title-col h1{font-size:40px;line-height:50px}
@media (min-width:1200px){.slide-text-bg2 h1{font-size:52px;line-height:1.15}}
@media (min-width:768px) and (max-width:1199px){html[lang="en"] .navbar-brand .wallstreet_title_head{font-size:24px}html[lang="en"] .navbar-nav>li>a{padding-left:13px;padding-right:13px}}
@media (min-width:960px) and (max-width:1199px){.slide-text-bg2 h1{font-size:46px}}
@media (min-width:768px) and (max-width:959px){.slide-text-bg2 h1{font-size:36px}}
@media (max-width:991px){html[lang="en"] .page-title-col h1{font-size:30px;line-height:38px}}
@media (max-width:767px){
html[lang="en"] .navbar-brand .wallstreet_title_head{font-size:24px;line-height:30px;white-space:normal}
html[lang] .page-title-col h1{font-size:18px;line-height:24px}
.page-breadcrumbs,.page-breadcrumbs a{font-size:12px}
.blog-post-title-wrapper>h2,.blog-post-title-wrapper>h2 a{font-size:26px;line-height:34px}
.page-mycarousel>img{min-height:130px;object-fit:cover}
}
@media (max-width:480px){.slide-text-bg2 h1{font-size:12px;line-height:15px}}
.coming-soon{text-align:center;padding:50px 15px 70px}
.coming-soon .fa{font-size:60px;opacity:.3;margin-bottom:18px;display:block}
.coming-soon h2{margin:0 0 16px}
.coming-soon p{margin:0 0 10px}
.coming-soon .home-blog-btn{margin-top:22px}
.blog-post-title-wrapper p a.mail-login-btn,a.mail-login-btn{display:inline-block;padding:10px 24px;background:#22a1c4;color:#fff!important;border-radius:3px;text-decoration:none}
.blog-post-title-wrapper p a.mail-login-btn:hover,.blog-post-title-wrapper p a.mail-login-btn:focus{background:#1b8aa9;color:#fff!important}
figure.wp-block-image:has(img[src*="consultant-sharing"]){margin-left:auto;margin-right:auto}
/* dropdown: the current page's item must look like its siblings (white text, no blue fill; text turns blue on hover only) */
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:transparent}
.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#22a1c4!important}
/* Chrome draws bootstrap's focus ring on mouse click; hide it for mouse users, keep it for keyboard users */
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
/* heading hierarchy fixes: hero kicker h2->p, service/blog card titles h2->h3 (visual parity) */
.slide-text-bg1 p{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:60px;letter-spacing:0;line-height:65px;margin:0;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
@media only screen and (min-width:960px) and (max-width:1200px){.slide-text-bg1 p{display:block;font-size:45px;line-height:55px;margin:0}}
@media only screen and (min-width:768px) and (max-width:959px){.slide-text-bg1 p{display:block;font-size:38px;line-height:45px;margin:0}}
@media only screen and (min-width:480px) and (max-width:767px){.slide-text-bg1 p{display:block;font-size:25px;line-height:30px;margin:0}}
@media only screen and (min-width:200px) and (max-width:480px){.slide-text-bg1 p{display:block;font-size:12px;line-height:20px;margin:0}}
.service-area h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:24px;line-height:30px;margin:0 0 11px;text-align:center;color:#e5e5e5}
.home-blog-area .home-blog-info h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;font-weight:300;font-size:36px;line-height:45px;margin:0 0 20px;color:#f5f5f5}
.home-blog-area .home-blog-info h3>a{color:#f5f5f5;text-decoration:none;transition:all .4s ease 0s}
.home-blog-area:hover .home-blog-info h3>a{color:#22a1c4!important}
/* service cards as internal links (SEO) */
.service-area h3>a{color:#e5e5e5;text-decoration:none}
.service-area h3>a:hover,.service-area h3>a:focus{color:#22a1c4}
.service-box>a{display:block}
/* service sub-page content */
.svc-lead{font-size:18px;line-height:30px;margin:0 0 24px}
.svc-cta{margin:28px 0 10px;padding:22px 26px;background:#3c3f49;border-left:4px solid #22a1c4}
.svc-cta p{margin:0 0 6px}
.svc-cta a{color:#22a1c4!important}
/* facade login card (project/consultant login) */
.login-wrap{max-width:420px;margin:20px auto 60px}
.login-card{background:#3c3f49;border:1px solid #4a4d58;border-radius:6px;padding:36px 34px 28px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.login-card h2{margin:0 0 8px;text-align:center;color:#f5f5f5;font-size:26px;line-height:34px}
.login-card h2 .fa{color:#22a1c4;margin-right:8px}
.login-sub{text-align:center;color:#b9bcc7;margin:0 0 26px;font-size:14px}
.login-field{margin:0 0 18px}
.login-field label{display:block;color:#e5e5e5;margin:0 0 8px;font-size:14px}
.login-field input{width:100%;height:44px;padding:10px 14px;border:1px solid #55586a;border-radius:4px;background:#2a2c33;color:#f5f5f5;font-size:15px;outline:none;box-sizing:border-box}
.login-field input:focus{border-color:#22a1c4}
.login-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px;font-size:13px;color:#b9bcc7}
.login-row a{color:#22a1c4;text-decoration:none}
.login-inline{display:inline!important;margin:0!important;font-weight:400}
.login-btn{width:100%;height:46px;border:0;border-radius:4px;background:#22a1c4;color:#fff;font-size:16px;letter-spacing:2px;cursor:pointer;transition:background .3s}
.login-btn:hover,.login-btn:focus{background:#1b8aa9}
.login-btn[disabled]{opacity:.65;cursor:default;letter-spacing:0}
.login-msg{display:none;margin:18px 0 0;padding:12px 14px;border-radius:4px;font-size:14px;line-height:22px;background:rgba(217,83,79,.12);border:1px solid #a94442;color:#f2c9c7}
.login-msg a{color:#22a1c4}
.login-note{text-align:center;color:#8a8d99;font-size:12px;margin:22px 0 0}
/* mobile fixes */
@media (max-width:767px){
.flex-slider-center{width:100%!important}
.slide-text-bg1,.slide-text-bg2,.slide-text-bg3{width:auto!important;max-width:100%!important}
.head-contact-info li{font-size:12px}
.login-wrap{margin:8px auto 40px}
.login-card{padding:26px 18px}
.login-field input{font-size:16px}
}
@media (max-width:340px){.login-row{flex-direction:column;align-items:flex-start;gap:6px}}
/* hero text legibility on phones */
@media (max-width:480px){
.slide-text-bg1 p{font-size:16px;line-height:22px}
.slide-text-bg2 h1{font-size:18px;line-height:24px}
html[lang="en"] .slide-text-bg2 h1{font-size:14px;line-height:20px}
}