/* ==========================================================================
   Neelkantha FM - footer (2026)
   Loaded after style.css. New classes only, so the old footer rules
   that still apply are limited to #footer's background.
   ========================================================================== */

#footer.nk-footer{
	background:#eaf8ef;
	color:#1f3a2b;
	position:relative;
	padding:0;
	overflow:hidden;
}

#footer.nk-footer a{color:#1f3a2b}
#footer.nk-footer a:hover{color:#016036}

#footer.nk-footer .nk-footer__grid{
	display:flex;
	flex-wrap:wrap;
	gap:28px;
	align-items:flex-start;
	padding:38px 16px 10px;
}
#footer.nk-footer .nk-fcol{flex:1 1 150px;min-width:0}
#footer.nk-footer .nk-fcol--brand{flex:1.6 1 250px}
#footer.nk-footer .nk-fcol--contact{flex:1.4 1 200px}
#footer.nk-footer .nk-fcol--join{flex:1.4 1 205px}

#footer.nk-footer h3{
	font-size:19px;
	font-weight:800;
	color:#0d3a24;
	margin:0 0 16px;
	padding:0 0 10px;
	border-bottom:2px solid rgba(1,96,54,.16);
	position:relative;
}
#footer.nk-footer h3:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:46px;
	height:2px;
	background:#cc060a;
}

/* brand */
#footer.nk-footer .nk-fbrand{display:inline-block;margin-bottom:12px}
#footer.nk-footer .nk-fbrand img{max-height:76px;width:auto;margin-top:0}
#footer.nk-footer .nk-fbrand-text{border:0;padding:0}
#footer.nk-footer .nk-ftagline{
	font-size:15px;
	line-height:1.75;
	color:#2d4a3a;
	margin:0 0 16px;
}

/* social */
#footer.nk-footer .nk-fsocial{float:none}
#footer.nk-footer .nk-fsocial ul{float:none;display:flex;gap:10px;margin:0;padding:0}
#footer.nk-footer .nk-fsocial ul li{float:none;margin:0}
#footer.nk-footer .nk-fsocial ul li a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:50%;
	background:#ffffff;
	box-shadow:0 1px 3px rgba(13,58,36,.14);
	transition:transform .15s ease, box-shadow .15s ease;
}
#footer.nk-footer .nk-fsocial ul li a:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(13,58,36,.22)}
#footer.nk-footer .nk-fsocial ul li a:before{font-size:20px;line-height:1}
#footer.nk-footer .nk-fsocial .facebook a:before{color:#1877f2}
#footer.nk-footer .nk-fsocial .twitter a:before{color:#1da1f2}
#footer.nk-footer .nk-fsocial .youtube a:before{color:#ff0000}
#footer.nk-footer .nk-fsocial .insta a:before{color:#d6249f}

/* link columns */
#footer.nk-footer .nk-fcol--links ul{margin:0;padding:0;list-style:none}
#footer.nk-footer .nk-fcol--links li{
	float:none;
	display:block;
	border:0;
	padding:0;
	line-height:1.6;
}
#footer.nk-footer .nk-fcol--links li a{
	display:block;
	padding:6px 0 6px 20px;
	font-size:15.5px;
	position:relative;
	border:0;
	background:none;
	transition:padding-left .15s ease, color .15s ease;
}
#footer.nk-footer .nk-fcol--links li a:before{
	font-family:dashicons;
	content:"\f345";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	font-size:15px;
	color:#2f9e63;
}
#footer.nk-footer .nk-fcol--links li a:hover{padding-left:26px;color:#016036}
#footer.nk-footer .nk-fcol--links li ul{display:none}

/* contact */
#footer.nk-footer .company_info p{font-size:15px;line-height:1.7;margin:0 0 12px}
#footer.nk-footer .nk-fc{position:relative;padding-left:30px}
#footer.nk-footer .nk-fc:before{
	font-family:dashicons;
	position:absolute;
	left:0;
	top:2px;
	font-size:18px;
	color:#cc060a;
}
#footer.nk-footer .nk-fc--place:before{content:"\f230"}
#footer.nk-footer .nk-fc--phone:before{content:"\f525";color:#016036}
#footer.nk-footer .nk-fc--mail:before{content:"\f466";color:#cc060a}
#footer.nk-footer .nk-fc--web:before{content:"\f319";color:#016036}
#footer.nk-footer .nk-freg{
	font-size:13.5px;
	color:#4a6557;
	border-top:1px dashed rgba(1,96,54,.22);
	padding-top:10px;
}

/* listen card */
#footer.nk-footer .nk-listen{
	display:flex;
	align-items:center;
	gap:12px;
	width:100%;
	text-align:left;
	background:#ffffff;
	border:1px solid #cfe7d8;
	border-radius:14px;
	padding:12px 14px;
	cursor:pointer;
	box-shadow:0 1px 3px rgba(13,58,36,.08);
	transition:box-shadow .18s ease, transform .18s ease;
}
#footer.nk-footer .nk-listen:hover{box-shadow:0 8px 20px -10px rgba(13,58,36,.4);transform:translateY(-2px)}
#footer.nk-footer .nk-listen__icon{
	flex:0 0 auto;
	width:44px;
	height:44px;
	border-radius:50%;
	background:#cc060a;
	display:flex;
	align-items:center;
	justify-content:center;
}
#footer.nk-footer .nk-listen__icon:before{
	font-family:dashicons;
	content:"\f127";
	color:#ffffff;
	font-size:24px;
	line-height:1;
}
#footer.nk-footer .nk-listen__text{flex:1 1 auto;min-width:0;line-height:1.4}
#footer.nk-footer .nk-listen__text strong{display:block;font-size:16px;font-weight:700;color:#0d3a24}
#footer.nk-footer .nk-listen__text span{display:block;font-size:13.5px;color:#4a6557}
#footer.nk-footer .nk-listen__go{
	flex:0 0 auto;
	width:38px;
	height:38px;
	border-radius:50%;
	background:#016036;
	position:relative;
}
#footer.nk-footer .nk-listen__go:before{
	content:"";
	position:absolute;
	top:50%;
	left:54%;
	transform:translate(-50%,-50%);
	border-style:solid;
	border-width:7px 0 7px 11px;
	border-color:transparent transparent transparent #ffffff;
}
#footer.nk-footer .nk-listen.is-playing .nk-listen__go:before{
	border:0;
	width:10px;
	height:12px;
	left:50%;
	background:linear-gradient(to right,#fff 0 3px,transparent 3px 7px,#fff 7px 10px);
}

/* team + facebook row */
#footer.nk-footer .nk-footer__second{
	display:flex;
	flex-wrap:wrap;
	gap:28px;
	align-items:flex-start;
	padding:6px 16px 26px;
	border-top:1px solid rgba(1,96,54,.14);
	margin-top:14px;
}
#footer.nk-footer .nk-footer__second .nk-fcol{flex:1 1 320px}
#footer.nk-footer .nk-footer__second h3{margin-top:22px}
#footer.nk-footer .hamroteam table{width:100%;border-collapse:collapse}
#footer.nk-footer .hamroteam td{
	font-size:15px;
	padding:5px 0;
	border-bottom:1px dashed rgba(1,96,54,.16);
	vertical-align:top;
}
#footer.nk-footer .hamroteam td.strong{font-weight:700;color:#0d3a24;width:48%;white-space:nowrap}
#footer.nk-footer .nk-fcol--fb iframe{width:100%;max-width:400px;border-radius:10px;background:#fff}

/* skyline */
#footer.nk-footer .nk-skyline{
	line-height:0;
	margin-top:-10px;
	pointer-events:none;
}
#footer.nk-footer .nk-skyline svg{width:100%;height:78px;display:block}

/* bottom bar */
#footer.nk-footer .bottom-footer{
	background:#0d3a24;
	color:#cfe3d6;
	padding:14px 0;
	font-size:14.5px;
}
#footer.nk-footer .bottom-footer a{color:#eaf8ef}
#footer.nk-footer .bottom-footer a:hover{color:#ffffff}
#footer.nk-footer .bottom-footer .go__ji_wrapper{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:10px;
}
#footer.nk-footer .bottom-footer .social{float:none;order:3}
#footer.nk-footer .bottom-footer .social ul{float:none;display:flex;gap:14px;margin:0;padding:0}
#footer.nk-footer .bottom-footer .social ul li{float:none;margin:0}
#footer.nk-footer .bottom-footer .social ul li a:before{color:#eaf8ef;font-size:17px}
#footer.nk-footer .bottom-footer .social ul li a:hover:before{color:#ffffff}
#footer.nk-footer .bottom-footer .credit{order:4}

@media (max-width:1199px){
	#footer.nk-footer .nk-fcol{flex-basis:200px}
	#footer.nk-footer .nk-fcol--brand{flex-basis:100%}
}

@media (max-width:767px){
	#footer.nk-footer .nk-footer__grid{gap:22px;padding:26px 14px 6px}
	#footer.nk-footer .nk-fcol,
	#footer.nk-footer .nk-footer__second .nk-fcol{flex:1 1 100%}
	#footer.nk-footer h3{font-size:17px}
	#footer.nk-footer .nk-skyline svg{height:52px}
	#footer.nk-footer .bottom-footer .go__ji_wrapper{justify-content:center;text-align:center}
}

#footer.nk-footer .hamroteam table,
#footer.nk-footer .hamroteam td{text-align:left}
#footer.nk-footer .hamroteam td.strong{width:auto;padding-right:16px}
#footer.nk-footer .hamroteam td:last-child{width:100%}

/* ---------- tighten: the wave scaled to ~260px tall on a wide screen ----- */

.waves{
	display:block;
	width:100%;
	height:70px;
	margin-bottom:-1px;
}

/* ---------- tighten: the menus are far longer than the mockup's ---------- */

#footer.nk-footer .nk-fcol--links li a{
	padding:5px 0 5px 18px;
	font-size:15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#footer.nk-footer .nk-fcol--links li a:after{display:none}
#footer.nk-footer .nk-fcol--links li.menu-item-has-children > a:after{content:none}
#footer.nk-footer .nk-fcol--links > div > ul > li:nth-child(n+9){display:none}

/* ---------- tighten: even columns, less air ----------------------------- */

#footer.nk-footer .nk-footer__grid{
	padding:26px 16px 18px;
	gap:22px;
	align-items:stretch;
}
#footer.nk-footer .nk-fcol + .nk-fcol{
	border-left:1px solid rgba(1,96,54,.12);
	padding-left:22px;
}
#footer.nk-footer h3{font-size:18px;margin-bottom:13px;padding-bottom:8px}
#footer.nk-footer .nk-ftagline{font-size:14.5px;line-height:1.7;margin-bottom:13px}
#footer.nk-footer .company_info p{margin-bottom:9px;font-size:14.5px}
#footer.nk-footer .nk-freg{font-size:13px;padding-top:8px}
#footer.nk-footer .nk-fbrand img{max-height:62px}
#footer.nk-footer .nk-fsocial ul li a{width:34px;height:34px}
#footer.nk-footer .nk-fsocial ul li a:before{font-size:18px}

/* ---------- tighten: the team and facebook row -------------------------- */

#footer.nk-footer .nk-footer__second{
	padding:4px 16px 18px;
	margin-top:8px;
	gap:22px;
}
#footer.nk-footer .nk-footer__second h3{margin-top:16px}
#footer.nk-footer .hamroteam td{font-size:14.5px;padding:4px 0}
#footer.nk-footer .nk-fcol--fb iframe{height:200px;max-width:360px}
#footer.nk-footer .nk-footer__second .nk-fcol + .nk-fcol{border-left:0;padding-left:0}

#footer.nk-footer .nk-skyline{margin-top:0}
#footer.nk-footer .nk-skyline svg{height:56px}
#footer.nk-footer .bottom-footer{padding:11px 0;font-size:14px}

@media (max-width:991px){
	#footer.nk-footer .nk-fcol + .nk-fcol{border-left:0;padding-left:0}
}
@media (max-width:767px){
	.waves{height:44px}
	#footer.nk-footer .nk-fcol--links > div > ul > li:nth-child(n+9){display:block}
}

/* ---------- background, sampled from the mockup ------------------------- */
/* wave #02924f -> band #63e29e -> body #cdf8da (lighter in the middle)
   silhouette #96e6bb / #3dc189, bottom bar #01623f                         */

.waves use:nth-of-type(1){fill:#02924f}
.waves use:nth-of-type(2){fill:#1fa862}
.waves use:nth-of-type(3){fill:#45cb85}
.waves use:nth-of-type(4){fill:#63e29e}

#footer.nk-footer{
	background-color:#cdf8da;
	background-image:
		radial-gradient(ellipse 72% 55% at 50% 26%, rgba(255,255,255,.38), rgba(255,255,255,0) 72%),
		linear-gradient(to bottom, #63e29e 0, #b4f0cf 34px, #cdf8da 84px);
	background-repeat:no-repeat;
}

#footer.nk-footer .nk-fcol + .nk-fcol{border-left-color:rgba(1,98,63,.16)}
#footer.nk-footer h3{color:#07472c;border-bottom-color:rgba(1,98,63,.2)}
#footer.nk-footer,
#footer.nk-footer a{color:#15402c}
#footer.nk-footer a:hover{color:#01623f}
#footer.nk-footer .nk-ftagline{color:#255640}
#footer.nk-footer .nk-freg{color:#3d6b53;border-top-color:rgba(1,98,63,.26)}
#footer.nk-footer .nk-fcol--links li a:before{color:#17915a}
#footer.nk-footer .nk-listen{border-color:#a9e6c3;background:rgba(255,255,255,.92)}
#footer.nk-footer .nk-listen__go{background:#01623f}
#footer.nk-footer .hamroteam td{border-bottom-color:rgba(1,98,63,.18)}
#footer.nk-footer .hamroteam td.strong{color:#07472c}
#footer.nk-footer .nk-footer__second{border-top-color:rgba(1,98,63,.18)}

#footer.nk-footer .bottom-footer{background:#01623f;color:#d4f5e2}
#footer.nk-footer .bottom-footer a{color:#eafaf1}
#footer.nk-footer .bottom-footer a:hover{color:#ffffff}
#footer.nk-footer .bottom-footer .social ul li a:before{color:#eafaf1}

#footer.nk-footer .nk-skyline svg{height:104px}
@media (max-width:767px){
	#footer.nk-footer .nk-skyline svg{height:64px}
}