/* ==========================================================================
KBFC FOOTER – REPLICA OF CALICUT GLOBSTARS STYLE
========================================================================== */
/* 1. Global Footer Base & Background Wave Texture */
footer#colophon {
background-color: #030816 !important;
background-image:
radial-gradient(ellipse 90% 60% at 50% 100%, rgba(10, 35, 80, 0.45) 0%, transparent 70%),
radial-gradient(circle at 10% 20%, rgba(0, 60, 150, 0.22) 0%, transparent 45%),
url(“data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221600%22%20height%3D%22520%22%20viewBox%3D%220%200%201600%20520%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M-100%20480%20C%20250%20560%2C%20650%20260%2C%201700%20160%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.15%29%22%20stroke-width%3D%221.4%22/%3E%0A%3Cpath%20d%3D%22M-100%20450%20C%20280%20530%2C%20680%20240%2C%201700%20135%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.13%29%22%20stroke-width%3D%221.3%22/%3E%0A%3Cpath%20d%3D%22M-100%20420%20C%20310%20500%2C%20710%20220%2C%201700%20110%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.11%29%22%20stroke-width%3D%221.2%22/%3E%0A%3Cpath%20d%3D%22M-100%20390%20C%20340%20470%2C%20740%20200%2C%201700%2085%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.09%29%22%20stroke-width%3D%221.1%22/%3E%0A%3Cpath%20d%3D%22M-100%20360%20C%20370%20440%2C%20770%20180%2C%201700%2060%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.07%29%22%20stroke-width%3D%221.0%22/%3E%0A%3Cpath%20d%3D%22M-100%20330%20C%20400%20410%2C%20800%20160%2C%201700%2035%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.06%29%22%20stroke-width%3D%220.9%22/%3E%0A%0A%3Cpath%20d%3D%22M-100%20500%20C%20220%20580%2C%20620%20280%2C%201700%20190%22%20stroke%3D%22rgba%28254%2C209%2C0%2C0.04%29%22%20stroke-width%3D%221.3%22/%3E%0A%3Cpath%20d%3D%22M-100%20520%20C%20200%20600%2C%20590%20300%2C%201700%20220%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.18%29%22%20stroke-width%3D%221.5%22/%3E%0A%3Cpath%20d%3D%22M-100%20540%20C%20180%20620%2C%20560%20320%2C%201700%20250%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.14%29%22%20stroke-width%3D%221.4%22/%3E%0A%0A%3Cpath%20d%3D%22M-100%20220%20C%20500%20320%2C%20950%20120%2C%201700%2015%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.05%29%22%20stroke-width%3D%220.8%22/%3E%0A%3Cpath%20d%3D%22M-100%20180%20C%20550%20280%2C%201000%20100%2C%201700%200%22%20stroke%3D%22rgba%2830%2C90%2C190%2C0.04%29%22%20stroke-width%3D%220.8%22/%3E%0A%3C/svg%3E”) !important;
background-position: center bottom, left top, center bottom !important;
background-repeat: no-repeat, no-repeat, no-repeat !important;
background-size: 100% 100%, 100% 100%, 100% auto !important;
position: relative !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
font-family: ‘Poppins’, -apple-system, sans-serif !important;
}
/* Huge Outlined Watermark: BLASTERS */
footer#colophon::after {
content: ‘BLASTERS’ !important;
position: absolute !important;
bottom: 85px !important;
left: 50% !important;
transform: translateX(-50%) !important;
font-family: ‘Poppins’, -apple-system, sans-serif !important;
font-size: 165px !important;
font-weight: 900 !important;
letter-spacing: 24px !important;
color: transparent !important;
-webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.045) !important;
pointer-events: none !important;
white-space: nowrap !important;
z-index: 1 !important;
}
@media (max-width: 1024px) {
footer#colophon::after {
font-size: 95px !important;
letter-spacing: 14px !important;
bottom: 85px !important;
}
}
@media (max-width: 640px) {
footer#colophon::after {
font-size: 55px !important;
letter-spacing: 8px !important;
bottom: 95px !important;
}
}
/* Hide hidden sponsor containers */
.elementor-5776 .elementor-hidden-desktop,
.elementor-5776 .elementor-hidden-tablet,
.elementor-5776 .elementor-hidden-mobile {
display: none !important;
}
/* 2. Main Footer 4-Column Layout */
.elementor-5776 .elementor-element.elementor-element-7e7a0a2 {
background: transparent !important;
padding: 85px 40px 115px !important;
margin: 0 !important;
position: relative !important;
z-index: 2 !important;
}
.elementor-5776 .elementor-element.elementor-element-7e7a0a2::before {
display: none !important;
}
.elementor-5776 .elementor-element.elementor-element-7e7a0a2 > .e-con-inner {
max-width: 1240px !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 1.6fr 1.05fr 1.05fr 1.3fr !important;
gap: 48px !important;
align-items: start !important;
}
/* Unnest containers into direct grid items */
.elementor-5776 .elementor-element.elementor-element-ff9f2ab,
.elementor-5776 .elementor-element.elementor-element-d9cb1d5 {
display: contents !important;
}
@media (max-width: 1024px) {
.elementor-5776 .elementor-element.elementor-element-7e7a0a2 > .e-con-inner {
grid-template-columns: 1fr 1fr !important;
gap: 40px !important;
}
}
@media (max-width: 640px) {
.elementor-5776 .elementor-element.elementor-element-7e7a0a2 > .e-con-inner {
grid-template-columns: 1fr !important;
gap: 36px !important;
}
}
/* ==========================================================================
COLUMN 1: BRAND (Crest + KERALA BLASTERS + Description + Social Icons)
========================================================================== */
/* Header: Round Crest + 2-line title */
.elementor-5776 .elementor-element.elementor-element-40e82a4 {
grid-column: 1 !important;
grid-row: 1 !important;
margin: 0 0 16px 0 !important;
display: flex !important;
align-items: center !important;
}
.elementor-5776 .elementor-element.elementor-element-40e82a4 .elementor-widget-container {
display: flex !important;
align-items: center !important;
gap: 16px !important;
}
/* Round Crest Badge */
.elementor-5776 .elementor-element.elementor-element-40e82a4::before {
content: ” !important;
display: block !important;
width: 62px !important;
height: 62px !important;
flex-shrink: 0 !important;
background-color: #FFFFFF !important;
background-image: url(‘https://keralablastersfc.in/wp-content/uploads/2024/11/cropped-Untitled_design__9_-removebg-preview-1.png’) !important;
background-size: 80% !important;
background-repeat: no-repeat !important;
background-position: center !important;
border-radius: 50% !important;
border: 2px solid #FED100 !important;
box-shadow: 0 4px 18px rgba(254, 209, 0, 0.35) !important;
margin-right: 14px !important;
}
/* 2-Line Brand Text */
.elementor-5776 .elementor-element.elementor-element-40e82a4 .elementor-heading-title {
font-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
line-height: 1.15 !important;
}
.elementor-5776 .elementor-element.elementor-element-40e82a4 .elementor-heading-title::before {
content: ‘KERALA’ !important;
display: block !important;
color: #FFFFFF !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 17px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
.elementor-5776 .elementor-element.elementor-element-40e82a4 .elementor-heading-title::after {
content: ‘BLASTERS’ !important;
display: block !important;
color: #FED100 !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 19px !important;
font-weight: 900 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
box-shadow: none !important;
width: auto !important;
height: auto !important;
position: static !important;
background: transparent !important;
}
/* Slogan / Paragraph */
.elementor-5776 .elementor-element.elementor-element-0270a36 {
grid-column: 1 !important;
grid-row: 2 !important;
margin: 0 0 24px 0 !important;
max-width: 320px !important;
}
.elementor-5776 .elementor-element.elementor-element-0270a36 p {
font-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.6 !important;
}
.elementor-5776 .elementor-element.elementor-element-0270a36 p::after {
content: ‘The pride of Kerala in the Indian Super League. Fixtures, live scores, tickets, and everything from Kaloor.’ !important;
display: block !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13.5px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
color: #8C9EB8 !important;
}
/* Social Icon Pills */
.elementor-5776 .elementor-element.elementor-element-6fa7b83 {
grid-column: 1 !important;
grid-row: 3 !important;
margin: 0 !important;
}
.elementor-5776 .elementor-element.elementor-element-6fa7b83 .elementor-screen-only {
display: none !important;
}
.elementor-5776 .elementor-element.elementor-element-6fa7b83 .elementor-social-icons-wrapper {
display: flex !important;
gap: 12px !important;
align-items: center !important;
padding: 0 !important;
}
.elementor-5776 .elementor-element.elementor-element-6fa7b83 .elementor-social-icon {
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.06) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.25s ease !important;
text-decoration: none !important;
}
.elementor-5776 .elementor-element.elementor-element-6fa7b83 .elementor-social-icon svg {
width: 15px !important;
height: 15px !important;
fill: #CBD5E1 !important;
transition: fill 0.25s ease !important;
}
.elementor-5776 .elementor-element.elementor-element-6fa7b83 .elementor-social-icon:hover {
background: #FED100 !important;
border-color: #FED100 !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 14px rgba(254, 209, 0, 0.4) !important;
}
.elementor-5776 .elementor-element.elementor-element-6fa7b83 .elementor-social-icon:hover svg {
fill: #04091A !important;
}
/* ==========================================================================
COLUMN 2: EXPLORE (Header + Vertical Links)
========================================================================== */
.elementor-5776 .elementor-element.elementor-element-56ddc88 {
grid-column: 2 !important;
grid-row: 1 / span 3 !important;
margin: 0 !important;
}
.elementor-5776 .elementor-element.elementor-element-56ddc88 .elementor-heading-title {
font-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
/* Header: EXPLORE */
.elementor-5776 .elementor-element.elementor-element-56ddc88 .elementor-heading-title::before {
content: ‘EXPLORE’ !important;
display: block !important;
color: #FED100 !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
margin-bottom: 20px !important;
}
/* Links list */
.elementor-5776 .elementor-element.elementor-element-56ddc88 .elementor-heading-title::after {
content: ‘Matches & Results\A\A Fixtures\A\A Stats\A\A Standings\A\A Photos\A\A Videos’ !important;
white-space: pre-line !important;
display: block !important;
color: #9AB0CC !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13.5px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
letter-spacing: 0.2px !important;
}
/* ==========================================================================
COLUMN 3: CLUB (Header + Vertical Links)
========================================================================== */
.elementor-5776 .elementor-element.elementor-element-8628548 {
grid-column: 3 !important;
grid-row: 1 / span 3 !important;
margin: 0 !important;
}
/* Header: CLUB */
.elementor-5776 .elementor-element.elementor-element-8628548::before {
content: ‘CLUB’ !important;
display: block !important;
color: #FED100 !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
margin-bottom: 20px !important;
}
.elementor-5776 .elementor-element.elementor-element-8628548 .elementor-icon-list-items {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
/* Additional top items under CLUB matching exact line height & spacing */
.elementor-5776 .elementor-element.elementor-element-8628548 .elementor-icon-list-items::before {
content: ‘News\A\A Tickets\A\A Contact’ !important;
white-space: pre-line !important;
display: block !important;
color: #9AB0CC !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13.5px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
letter-spacing: 0.2px !important;
margin-bottom: 13.5px !important;
}
.elementor-5776 .elementor-element.elementor-element-8628548 .elementor-icon-list-item {
padding: 0 !important;
margin: 0 0 13.5px 0 !important;
border: none !important;
line-height: 1.5 !important;
}
.elementor-5776 .elementor-element.elementor-element-8628548 .elementor-icon-list-item:last-child {
margin-bottom: 0 !important;
}
.elementor-5776 .elementor-element.elementor-element-8628548 .elementor-icon-list-item a {
color: #9AB0CC !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13.5px !important;
font-weight: 400 !important;
text-decoration: none !important;
line-height: 1.5 !important;
transition: color 0.2s ease, transform 0.2s ease !important;
display: inline-block !important;
}
.elementor-5776 .elementor-element.elementor-element-8628548 .elementor-icon-list-item a:hover {
color: #FED100 !important;
transform: translateX(3px) !important;
}
/* ==========================================================================
COLUMN 4: MATCHDAY HOME (Header + Stadium Details & Contact)
========================================================================== */
.elementor-5776 .elementor-element.elementor-element-cb6218b {
grid-column: 4 !important;
grid-row: 1 / span 3 !important;
margin: 0 !important;
}
/* Header: MATCHDAY HOME */
.elementor-5776 .elementor-element.elementor-element-cb6218b::before {
content: ‘MATCHDAY HOME’ !important;
display: block !important;
color: #FED100 !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
margin-bottom: 20px !important;
}
.elementor-5776 .elementor-element.elementor-element-cb6218b .elementor-icon-list-items {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.elementor-5776 .elementor-element.elementor-element-cb6218b .elementor-icon-list-item {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
}
/* First item: Stadium Name & Location */
.elementor-5776 .elementor-element.elementor-element-cb6218b .elementor-icon-list-item:first-child a {
text-decoration: none !important;
font-size: 0 !important;
margin-bottom: 16px !important;
}
.elementor-5776 .elementor-element.elementor-element-cb6218b .elementor-icon-list-item:first-child a::after {
content: ‘Jawaharlal Nehru International Stadium\A Kaloor, Kochi, Kerala’ !important;
white-space: pre-line !important;
display: block !important;
color: #9AB0CC !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13.5px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
}
/* Second item: Email address */
.elementor-5776 .elementor-element.elementor-element-cb6218b .elementor-icon-list-item:nth-child(2) a {
color: #9AB0CC !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13.5px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
text-decoration: none !important;
display: block !important;
transition: color 0.2s ease !important;
}
.elementor-5776 .elementor-element.elementor-element-cb6218b .elementor-icon-list-item:nth-child(2) a:hover {
color: #FED100 !important;
}
/* Additional Contact details (Phone & Helpline) */
.elementor-5776 .elementor-element.elementor-element-cb6218b::after {
content: ‘+91 484 233 4455’ !important;
white-space: pre-line !important;
display: block !important;
color: #9AB0CC !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 13.5px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
margin-top: 4px !important;
}
/* ==========================================================================
SUB-FOOTER: COPYRIGHT + LEGAL + BACK TO TOP BUTTON
========================================================================== */
.elementor-5776 .elementor-element.elementor-element-df96513 {
background: transparent !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
padding: 24px 40px !important;
margin: 0 !important;
position: relative !important;
z-index: 3 !important;
}
.elementor-5776 .elementor-element.elementor-element-df96513 > .e-con-inner {
max-width: 1240px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
gap: 16px !important;
position: relative !important;
}
.elementor-5776 .elementor-element.elementor-element-bdb28d3 {
width: auto !important;
max-width: none !important;
flex: 0 1 auto !important;
margin: 0 !important;
}
/* Left: Copyright */
.elementor-5776 .elementor-element.elementor-element-bdb28d3 p {
font-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.elementor-5776 .elementor-element.elementor-element-bdb28d3 p::after {
content: ‘© 2026 Kerala Blasters • Indian Super League • Developed by Magnum Sports’ !important;
display: block !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 12.5px !important;
font-weight: 400 !important;
color: #64748B !important;
line-height: 1.5 !important;
}
/* Right side: Privacy, Terms, Cookies + Back to top Pill */
.elementor-5776 .elementor-element.elementor-element-df96513 > .e-con-inner::after {
content: ‘Privacy Terms Cookies’ !important;
white-space: pre !important;
display: inline-flex !important;
align-items: center !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
color: #8C9EB8 !important;
margin-right: 145px !important;
letter-spacing: 0.5px !important;
}
.elementor-5776 .elementor-element.elementor-element-df96513::after {
content: ‘Back to top ↑’ !important;
position: absolute !important;
right: 40px !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: rgba(255, 255, 255, 0.06) !important;
border: 1px solid rgba(255, 255, 255, 0.14) !important;
border-radius: 9999px !important;
padding: 7px 18px !important;
font-family: ‘Poppins’, sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
color: #CBD5E1 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
z-index: 4 !important;
}
.elementor-5776 .elementor-element.elementor-element-df96513::after:hover {
background: rgba(254, 209, 0, 0.12) !important;
border-color: #FED100 !important;
color: #FED100 !important;
}
@media (max-width: 900px) {
.elementor-5776 .elementor-element.elementor-element-df96513::after {
position: static !important;
transform: none !important;
margin-top: 10px !important;
}
.elementor-5776 .elementor-element.elementor-element-df96513 > .e-con-inner::after {
margin-right: 0 !important;
}
}
