/*
Theme Name: Hello Elementor CSCB
Template: hello-elementor
Description: Small child theme for Chekkiad Service Co-Operative Bank. Adds the top contact bar, the site footer and a few style fixes.
Version: 1.0.0
Text Domain: hello-elementor-cscb
*/
:root { --cscb-maroon:#81114F; --cscb-dark:#6B0E41; --cscb-gray:#777777; }
body, .elementor-widget-text-editor { font-family:'Lato','Noto Sans Malayalam',sans-serif; }
h1,h2,h3,h4,h5,h6,.elementor-heading-title { font-family:'Lato','Noto Sans Malayalam',sans-serif !important; }

/* top bar */
.cscb-topbar { background:var(--cscb-dark); color:#fff; font-size:12px; line-height:1; }
.cscb-topbar .cscb-wrap { max-width:1440px; margin:0 auto; padding:7px 20px; display:flex; justify-content:flex-end; align-items:center; gap:18px; }
.cscb-topbar a { color:#fff; text-decoration:none; display:inline-flex; align-items:center; gap:6px; text-transform:uppercase; }
.cscb-topbar a:hover { opacity:.8; }
.cscb-topbar .cscb-sep { width:1px; height:14px; background:rgba(255,255,255,.35); }
.cscb-topbar .cscb-social { display:inline-flex; gap:8px; }
.cscb-topbar svg { width:13px; height:13px; fill:#fff; }

/* header */
.site-header { box-shadow:0 1px 3px rgba(0,0,0,.08); }
.site-header .site-navigation ul.menu li a { text-transform:uppercase; font-size:13px; font-weight:600; color:#555; letter-spacing:.2px; }
.site-header .site-navigation ul.menu li.current-menu-item > a, .site-header .site-navigation ul.menu li a:hover { color:#111; }
.site-header .site-navigation ul.menu li ul { min-width:260px; }
.site-header .site-logo img { max-height:96px; width:auto; }

/* footer */
.cscb-footer { background:#777; color:#fff; font-size:15px; }
.cscb-footer .cscb-wrap { max-width:1180px; margin:0 auto; padding:34px 20px 20px; display:flex; flex-wrap:wrap; gap:40px; }
.cscb-footer .cscb-col { flex:0 1 270px; }
.cscb-footer h4 { color:#fff; font-size:15px; text-transform:uppercase; letter-spacing:.4px; margin:0 0 10px; font-weight:700; }
.cscb-footer h4:after { content:''; display:block; width:30px; height:3px; background:rgba(255,255,255,.3); margin-top:10px; }
.cscb-footer p { margin:0 0 16px; line-height:1.45; }
.cscb-footer a { color:#fff; }
.cscb-footer .cscb-social a { display:inline-flex; width:28px; height:28px; border:2px solid rgba(255,255,255,.6); border-radius:50%; align-items:center; justify-content:center; margin-right:4px; }
.cscb-footer .cscb-social svg { width:13px; height:13px; fill:#fff; }
.cscb-footer ul { list-style:none; margin:0; padding:0; }
.cscb-footer li { display:flex; gap:12px; align-items:center; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.15); font-size:13px; }
.cscb-footer .cscb-date { flex:0 0 30px; border:2px solid rgba(255,255,255,.5); text-align:center; font-size:12px; line-height:1.05; padding:3px 0; }
.cscb-footer .cscb-date small { display:block; font-size:9px; }
.cscb-footer .cscb-date a, .cscb-footer li a { text-decoration:none; }
.cscb-copy { background:#5B5B5B; color:rgba(255,255,255,.75); font-size:12px; }
.cscb-copy .cscb-wrap { display:block; max-width:1180px; margin:0 auto; padding:14px 20px; }
.cscb-copy strong { color:#fff; }

/* news cards on home */
.cscb-news-card { box-shadow:0 1px 3px rgba(0,0,0,.12); }
.cscb-news-card .elementor-heading-title a { color:#333; }
@media (max-width:767px) {
  .cscb-topbar .cscb-wrap { justify-content:center; flex-wrap:wrap; gap:10px; }
  .cscb-footer .cscb-col { flex:1 1 100%; }
}

/* home slider */
.cscb-slider { position:relative; overflow:hidden; }
.cscb-slider.cscb-ready > .cscb-slide { display:none !important; }
.cscb-slider.cscb-ready > .cscb-slide.is-active { display:flex !important; animation:cscbFade .7s ease; }
@keyframes cscbFade { from { opacity:0; } to { opacity:1; } }
.cscb-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:34px; height:34px; border-radius:50%; border:2px solid rgba(255,255,255,.8); background:transparent; padding:0; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:.8; }
.cscb-arrow:hover { opacity:1; background:rgba(255,255,255,.15); }
.cscb-arrow svg { width:18px; height:18px; fill:none; stroke:#fff; stroke-width:2.5; }
.cscb-prev { left:28px; } .cscb-next { right:28px; }
.cscb-dots { position:absolute; left:0; right:0; bottom:16px; z-index:5; display:flex; justify-content:center; gap:8px; }
.cscb-dots button { width:10px; height:10px; border-radius:50%; border:0; padding:0; background:rgba(255,255,255,.45); cursor:pointer; }
.cscb-dots button.is-active { background:#fff; }
@media (max-width:767px) { .cscb-arrow { display:none; } }

/* branch tabs */
.cscb-tabs { display:flex; gap:0; max-width:1180px; margin:0 auto; }
.cscb-tab-list { flex:0 0 220px; border-right:2px solid #eee; }
.cscb-tab-btn { display:block; width:100%; text-align:left; background:none; border:0; border-bottom:1px solid #eee; border-right:2px solid transparent; margin-right:-2px; padding:11px 0; font:600 12px/1.2 'Lato',sans-serif; text-transform:uppercase; color:#666; cursor:pointer; }
.cscb-tab-btn.is-active { color:#111; border-right-color:#81114F; }
.cscb-tab-btn:hover { color:#111; background:none; }
.cscb-tab-pane { flex:1; padding:0 0 0 24px; }
.cscb-tab-pane iframe { width:100%; height:360px; border:0; display:block; margin-bottom:20px; }
.cscb-tab-pane h3 { font-size:16px; text-transform:uppercase; color:#333; margin:0 0 4px; }
.cscb-tab-pane p { margin:0; color:#555; text-transform:uppercase; line-height:1.6; font-size:14px; }
@media (max-width:767px) { .cscb-tabs { flex-direction:column; } .cscb-tab-list { flex:none; border-right:0; margin-bottom:16px; } .cscb-tab-pane { padding:0; } }

/* contact form */
.cscb-form { max-width:420px; }
.cscb-form h4 { font-size:15px; text-transform:uppercase; color:#333; margin:0 0 6px; padding-bottom:8px; border-bottom:1px solid #ddd; }
.cscb-form label { display:block; font-size:12px; font-weight:700; color:#333; margin:14px 0 4px; }
.cscb-form input[type=text], .cscb-form input[type=email], .cscb-form textarea { width:100%; border:1px solid #ddd; box-shadow:inset 0 1px 2px rgba(0,0,0,.08); padding:8px 10px; font-size:14px; border-radius:0; }
.cscb-form textarea { min-height:110px; }
.cscb-form .cscb-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cscb-form button { margin-top:16px; background:#81114F; color:#fff; border:0; padding:10px 22px; font-weight:700; text-transform:uppercase; cursor:pointer; }
.cscb-form button:hover { background:#6B0E41; }
.cscb-notice { padding:10px 12px; margin:12px 0; font-size:14px; }
.cscb-notice.ok { background:#e9f6ec; color:#1e6b33; }
.cscb-notice.err { background:#fbeaea; color:#8a1f1f; }
.cscb-slider:not(.cscb-ready) > .cscb-slide:not(:first-child) { display:none !important; }