.gr-station-page {
width: 100%;
padding: 0 0 72px;
}
.gr-station-hero {
position: relative;
overflow: hidden;
min-height: clamp(520px, 58vw, 720px);
border-bottom: 1px solid var(--gr-line);
background: #05070d;
}
.gr-station-hero::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(7, 10, 18, 0.94), rgba(7, 10, 18, 0.62), rgba(7, 10, 18, 0.2)),
radial-gradient(circle at 18% 35%, rgba(20, 184, 166, 0.28), transparent 24rem),
radial-gradient(circle at 82% 28%, rgba(139, 92, 246, 0.24), transparent 24rem);
z-index: 1;
}
.gr-station-hero__bg,
.gr-station-hero__bg img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.gr-station-hero__bg img {
display: block;
object-fit: cover;
object-position: center;
transform: scale(1.04);
filter: saturate(1.08);
}
.gr-station-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
gap: 32px;
align-items: center;
width: min(1440px, calc(100% - 32px));
min-height: clamp(520px, 58vw, 720px);
margin-inline: auto;
}
.gr-station-hero__copy h1 {
margin: 0 0 18px;
font-size: clamp(3.2rem, 7vw, 7rem);
line-height: 0.96;
}
.gr-station-hero__copy p {
max-width: 720px;
color: var(--gr-muted);
font-size: 1.14rem;
}
.gr-station-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 22px;
}
.gr-station-badges span {
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
padding: 8px 12px;
background: rgba(255, 255, 255, 0.06);
color: #ccfbf1;
font-size: 0.8rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.gr-station-hero__card {
padding: 28px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 18px;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
rgba(7, 10, 18, 0.74);
box-shadow: var(--gr-shadow);
backdrop-filter: blur(14px);
}
.gr-station-hero__logo {
display: grid;
place-items: center;
width: min(260px, 80%);
aspect-ratio: 1;
margin: 0 auto 22px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.08);
overflow: hidden;
}
.gr-station-hero__logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gr-station-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.gr-station-section {
width: min(1440px, calc(100% - 32px));
margin: 0 auto;
padding: 58px 0 0;
}
.gr-station-section h2 {
margin: 0 0 14px;
font-size: clamp(2rem, 4vw, 3.6rem);
line-height: 1.05;
}
.gr-station-section > p {
max-width: 820px;
color: var(--gr-muted);
font-size: 1.08rem;
}
.gr-station-feature-grid,
.gr-station-link-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 24px;
}
.gr-station-feature,
.gr-station-link-card {
padding: 28px;
border: 1px solid var(--gr-line);
border-radius: 18px;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}
.gr-station-feature h3,
.gr-station-link-card h3 {
margin: 0 0 12px;
font-size: 1.35rem;
}
.gr-station-feature p,
.gr-station-link-card p {
margin: 0;
color: var(--gr-muted);
}
.gr-station-link-card a {
display: inline-flex;
margin-top: 18px;
color: #99f6e4;
font-weight: 900;
text-decoration: none;
}
@media (max-width: 820px) {
.gr-station-hero__inner,
.gr-station-feature-grid,
.gr-station-link-grid {
grid-template-columns: 1fr;
}
.gr-station-hero__inner {
padding: 48px 0;
}
} .gr-station-page { width: 100%; padding: 0 0 72px; }
.gr-station-hero {
position: relative;
overflow: hidden;
min-height: clamp(520px, 58vw, 720px);
border-bottom: 1px solid var(--gr-line);
background: #05070d;
}
.gr-station-hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(7,10,18,.94), rgba(7,10,18,.62), rgba(7,10,18,.2)),
radial-gradient(circle at 18% 35%, rgba(20,184,166,.28), transparent 24rem),
radial-gradient(circle at 82% 28%, rgba(139,92,246,.24), transparent 24rem);
z-index: 1;
}
.gr-station-hero__bg,
.gr-station-hero__bg img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.gr-station-hero__bg img {
display: block;
object-fit: cover;
object-position: center;
filter: saturate(1.08);
}
.gr-station-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
gap: 32px;
align-items: center;
width: min(1440px, calc(100% - 32px));
min-height: clamp(520px, 58vw, 720px);
margin-inline: auto;
}
.gr-station-hero__copy h1 {
margin: 0 0 18px;
font-size: clamp(3.2rem, 7vw, 7rem);
line-height: .96;
}
.gr-station-hero__copy p,
.gr-station-section > p {
color: var(--gr-muted);
font-size: 1.1rem;
}
.gr-station-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 22px;
}
.gr-station-badges span {
border: 1px solid rgba(255,255,255,.18);
border-radius: 999px;
padding: 8px 12px;
background: rgba(255,255,255,.06);
color: #ccfbf1;
font-size: .8rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .08em;
}
.gr-station-hero__card,
.gr-station-feature,
.gr-station-link-card {
border: 1px solid var(--gr-line);
border-radius: 18px;
background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
box-shadow: 0 14px 40px rgba(0,0,0,.22);
}
.gr-station-hero__card {
padding: 28px;
background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025)), rgba(7,10,18,.74);
backdrop-filter: blur(14px);
}
.gr-station-hero__logo {
display: grid;
place-items: center;
width: min(220px, 70%);
aspect-ratio: 1;
margin: 0 auto 22px;
border-radius: 24px;
background: rgba(255,255,255,.08);
overflow: hidden;
}
.gr-station-hero__logo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.gr-station-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.gr-station-section {
width: min(1440px, calc(100% - 32px));
margin: 0 auto;
padding: 58px 0 0;
}
.gr-station-section h2 {
margin: 0 0 14px;
font-size: clamp(2rem, 4vw, 3.6rem);
line-height: 1.05;
}
.gr-station-feature-grid,
.gr-station-link-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 24px;
}
.gr-station-feature,
.gr-station-link-card { padding: 28px; }
.gr-station-feature h3,
.gr-station-link-card h3 {
margin: 0 0 12px;
font-size: 1.35rem;
}
.gr-station-feature p,
.gr-station-link-card p {
margin: 0;
color: var(--gr-muted);
}
.gr-station-link-card a {
display: inline-flex;
margin-top: 18px;
color: #99f6e4;
font-weight: 900;
text-decoration: none;
}
@media (max-width: 820px) {
.gr-station-hero__inner,
.gr-station-feature-grid,
.gr-station-link-grid { grid-template-columns: 1fr; }
.gr-station-hero__inner { padding: 48px 0; }
}  body.page-id-2 .gr-site-main > h1:first-child {
display: none;
}
.gr-site-header .custom-logo,
.custom-logo {
width: 88px !important;
height: 88px !important;
max-width: 88px !important;
object-fit: cover;
border-radius: 16px;
}
.gr-site-header {
min-height: auto !important;
}
@media (max-width: 720px) {
.gr-site-header .custom-logo,
.custom-logo {
width: 68px !important;
height: 68px !important;
max-width: 68px !important;
border-radius: 14px;
}
}  .gr-site-header {
padding: 18px 0 16px;
background:
radial-gradient(circle at top left, rgba(20, 184, 166, 0.18), transparent 32%),
linear-gradient(135deg, rgba(8, 13, 28, 0.96), rgba(16, 24, 44, 0.94));
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.gr-site-header .gr-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.gr-brand,
.gr-brand a {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
}
.gr-brand-name {
color: #fff;
font-weight: 800;
font-size: 1.08rem;
letter-spacing: 0.01em;
}
.gr-nav {
width: auto;
margin: 0;
}
.gr-nav .menu {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
}
.gr-nav .menu li {
margin: 0;
padding: 0;
}
.gr-nav .menu a {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 9px 14px;
border-radius: 999px;
color: rgba(255, 255, 255, 0.84);
text-decoration: none;
font-size: 0.94rem;
font-weight: 700;
line-height: 1;
background: rgba(255, 255, 255, 0.055);
border: 1px solid rgba(255, 255, 255, 0.08);
transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;
}
.gr-nav .menu a:hover,
.gr-nav .menu .current-menu-item > a {
color: #fff;
background: linear-gradient(135deg, rgba(20, 184, 166, 0.9), rgba(99, 102, 241, 0.82));
border-color: rgba(255, 255, 255, 0.18);
transform: translateY(-2px);
} .gr-station-hero__copy,
.gr-station-hero__card {
animation: grFadeLift 700ms ease both;
}
.gr-station-hero__card {
animation-delay: 120ms;
}
.gr-station-feature,
.gr-station-link-card {
transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.gr-station-feature:hover,
.gr-station-link-card:hover {
transform: translateY(-5px);
border-color: rgba(20, 184, 166, 0.38);
box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28);
}
.gr-station-hero__logo img {
animation: grSoftPulse 4s ease-in-out infinite;
}
@keyframes grFadeLift {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes grSoftPulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.035);
}
}
@media (max-width: 900px) {
.gr-site-header .gr-container {
align-items: flex-start;
flex-direction: column;
gap: 14px;
}
.gr-nav {
width: 100%;
}
.gr-nav .menu {
justify-content: flex-start;
overflow-x: auto;
flex-wrap: nowrap;
padding-bottom: 6px;
scrollbar-width: thin;
}
.gr-nav .menu a {
white-space: nowrap;
}
}
@media (prefers-reduced-motion: reduce) {
.gr-station-hero__copy,
.gr-station-hero__card,
.gr-station-hero__logo img {
animation: none;
}
}  .gr-editable-home .gr-visual-hero__content,
.gr-editable-home .gr-section-heading,
.gr-editable-home .gr-station-grid,
.gr-editable-home .gr-info-grid,
.gr-editable-home .gr-demo-actions,
.gr-editable-home .gr-editor-note {
width: min(1440px, calc(100% - 32px)) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.gr-editable-home .gr-station-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
}
.gr-editable-home .gr-info-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
} .gr-site-header {
padding: 18px 0;
background:
radial-gradient(circle at 12% 0%, rgba(20, 184, 166, 0.16), transparent 30%),
linear-gradient(135deg, #070b18 0%, #10182c 58%, #0b1020 100%);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.gr-site-header .gr-container,
.gr-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}
.gr-nav {
width: auto;
margin-left: auto;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.055);
border: 1px solid rgba(255, 255, 255, 0.09);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
backdrop-filter: blur(16px);
}
.gr-nav .menu {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 4px 14px;
margin: 0;
padding: 0;
}
.gr-nav .menu li {
margin: 0;
padding: 0;
}
.gr-nav .menu a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: auto;
min-height: 34px;
padding: 7px 4px;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: rgba(255, 255, 255, 0.78);
text-decoration: none;
font-size: 0.94rem;
font-weight: 750;
letter-spacing: 0.01em;
line-height: 1.1;
transition: color 180ms ease, transform 180ms ease;
}
.gr-nav .menu a::after {
content: "";
position: absolute;
left: 4px;
right: 4px;
bottom: 1px;
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, #14b8a6, #818cf8);
transform: scaleX(0);
transform-origin: center;
transition: transform 200ms ease;
}
.gr-nav .menu a:hover,
.gr-nav .menu .current-menu-item > a {
color: #fff;
transform: translateY(-1px);
}
.gr-nav .menu a:hover::after,
.gr-nav .menu .current-menu-item > a::after {
transform: scaleX(1);
} .gr-visual-hero__content,
.gr-station-card,
.gr-info-card,
.gr-station-hero__copy,
.gr-station-hero__card,
.gr-station-feature,
.gr-station-link-card {
animation: grFadeLift 650ms ease both;
}
.gr-station-card:hover,
.gr-info-card:hover,
.gr-station-feature:hover,
.gr-station-link-card:hover {
transform: translateY(-5px);
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}
@media (max-width: 1000px) {
.gr-site-header .gr-container,
.gr-header-inner {
align-items: flex-start;
flex-direction: column;
gap: 14px;
}
.gr-nav {
width: 100%;
overflow-x: auto;
border-radius: 18px;
}
.gr-nav .menu {
flex-wrap: nowrap;
justify-content: flex-start;
}
.gr-nav .menu a {
white-space: nowrap;
}
}
@media (max-width: 760px) {
.gr-editable-home .gr-station-grid,
.gr-editable-home .gr-info-grid {
grid-template-columns: 1fr !important;
}
}  a[href="#main"],
a[href="#content"],
a[href="#primary"],
a[href="#main-content"],
.skip-link,
.screen-reader-text.skip-link,
.gr-skip-link {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: absolute !important;
left: -999999px !important;
top: -999999px !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .gr-station-page {
width: min(1440px, calc(100% - 32px));
margin: 32px auto 64px;
color: #fff;
}
.gr-station-hero {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 34px;
align-items: center;
padding: 42px;
border-radius: 30px;
border: 1px solid rgba(94, 234, 212, 0.24);
background:
radial-gradient(circle at 12% 16%, rgba(45, 212, 191, 0.24), transparent 34%),
radial-gradient(circle at 88% 70%, rgba(96, 165, 250, 0.22), transparent 34%),
linear-gradient(135deg, #0f172a, #020617);
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
}
.gr-station-kicker {
display: inline-flex;
gap: 8px;
align-items: center;
padding: 7px 13px;
border-radius: 999px;
color: #99f6e4;
background: rgba(20,184,166,.13);
border: 1px solid rgba(94,234,212,.24);
font-size: 12px;
font-weight: 950;
letter-spacing: .13em;
text-transform: uppercase;
}
.gr-station-hero h1 {
margin: 18px 0 12px;
font-size: clamp(42px, 5vw, 76px);
line-height: .96;
letter-spacing: -.06em;
}
.gr-station-hero p {
max-width: 760px;
color: rgba(226,232,240,.78);
font-size: 18px;
line-height: 1.6;
}
.gr-station-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 22px 0;
}
.gr-station-badges span {
padding: 8px 12px;
border-radius: 999px;
background: rgba(15,23,42,.72);
border: 1px solid rgba(148,163,184,.18);
color: rgba(226,232,240,.86);
font-size: 13px;
font-weight: 850;
}
.gr-station-player-card {
padding: 24px;
border-radius: 26px;
background: rgba(15,23,42,.76);
border: 1px solid rgba(148,163,184,.18);
box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 20px 50px rgba(0,0,0,.28);
}
.gr-station-play-row {
display: flex;
align-items: center;
gap: 16px;
}
.gr-station-play {
width: 68px;
height: 68px;
border: 0;
border-radius: 999px;
cursor: pointer;
color: #06111d;
font-size: 24px;
font-weight: 950;
background: linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow: 0 18px 40px rgba(45,212,191,.24);
}
.gr-station-live-text strong {
display: block;
font-size: 20px;
}
.gr-station-live-text span {
color: rgba(226,232,240,.62);
font-size: 14px;
}
.gr-station-now {
margin-top: 20px;
padding: 14px 16px;
border-radius: 18px;
background: rgba(2,6,23,.52);
border: 1px solid rgba(148,163,184,.14);
overflow: hidden;
}
.gr-station-now small {
display: block;
margin-bottom: 7px;
color: #99f6e4;
font-size: 11px;
font-weight: 950;
letter-spacing: .12em;
text-transform: uppercase;
}
.gr-station-now span {
display: inline-block;
min-width: 100%;
white-space: nowrap;
color: #fff;
font-weight: 850;
animation: grSongScroll 18s linear infinite;
}
.gr-station-apps {
margin-top: 18px;
}
.gr-station-apps small {
display: block;
margin-bottom: 10px;
color: rgba(226,232,240,.68);
font-weight: 850;
}
.gr-station-apps div {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.gr-station-apps a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 54px;
min-width: 158px;
padding: 8px 14px;
border-radius: 16px;
background: rgba(2,6,23,.72);
border: 1px solid rgba(148,163,184,.24);
}
.gr-station-apps img {
height: 38px;
width: auto;
object-fit: contain;
}
.gr-station-content-grid {
display: grid;
grid-template-columns: 1.3fr .7fr;
gap: 22px;
margin-top: 26px;
}
.gr-station-panel {
padding: 28px;
border-radius: 24px;
background: rgba(15,23,42,.72);
border: 1px solid rgba(148,163,184,.16);
box-shadow: 0 18px 54px rgba(0,0,0,.24);
}
.gr-station-panel h2,
.gr-station-panel h3 {
margin: 0 0 12px;
color: #fff;
letter-spacing: -.03em;
}
.gr-station-panel p,
.gr-station-panel li {
color: rgba(226,232,240,.74);
line-height: 1.6;
}
.gr-station-panel ul {
margin: 0;
padding-left: 18px;
}
.gr-station-cta {
margin-top: 26px;
padding: 30px;
border-radius: 26px;
background: linear-gradient(135deg, rgba(45,212,191,.16), rgba(96,165,250,.13));
border: 1px solid rgba(94,234,212,.24);
display: flex;
justify-content: space-between;
gap: 18px;
align-items: center;
}
.gr-station-cta a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 18px;
border-radius: 999px;
color: #06111d;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
@keyframes grSongScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-45%); }
}
@media (max-width: 950px) {
.gr-station-hero,
.gr-station-content-grid {
grid-template-columns: 1fr;
}
.gr-station-hero {
padding: 28px 22px;
}
.gr-station-cta {
display: grid;
}
} .gr-station-hero {
margin-top: 22px;
}
.gr-station-hero h1,
.gr-station-panel h2,
.gr-station-panel h3,
.gr-station-cta h2 {
color: #ffffff !important;
opacity: 1 !important;
}
.gr-station-hero p,
.gr-station-panel p,
.gr-station-panel li,
.gr-station-cta p {
color: rgba(248, 250, 252, 0.86) !important;
opacity: 1 !important;
}
.gr-station-kicker,
.gr-station-now small {
color: #99f6e4 !important;
}
.gr-station-live-text span,
.gr-station-apps small {
color: rgba(248, 250, 252, 0.76) !important;
} .gr-site-footer {
margin-top: 56px !important;
padding: 42px 0 28px !important;
border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
background:
radial-gradient(circle at 18% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
linear-gradient(180deg, rgba(2, 6, 23, 0.32), rgba(2, 6, 23, 0.92)) !important;
color: #fff !important;
}
.gr-footer-inner {
width: min(1440px, calc(100% - 32px)) !important;
margin-inline: auto !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 28px !important;
align-items: start !important;
}
.gr-footer-brand strong {
display: block !important;
color: #ffffff !important;
font-size: 22px !important;
letter-spacing: -0.03em !important;
margin-bottom: 8px !important;
}
.gr-footer-brand p {
max-width: 620px !important;
margin: 0 !important;
color: rgba(226, 232, 240, 0.68) !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
.gr-footer-links {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-end !important;
gap: 10px 18px !important;
}
.gr-footer-links a {
color: rgba(226, 232, 240, 0.78) !important;
font-size: 14px !important;
font-weight: 750 !important;
text-decoration: none !important;
}
.gr-footer-links a:hover {
color: #99f6e4 !important;
}
.gr-footer-bottom {
width: min(1440px, calc(100% - 32px)) !important;
margin: 26px auto 0 !important;
padding-top: 18px !important;
border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
color: rgba(226, 232, 240, 0.52) !important;
font-size: 13px !important;
display: flex !important;
justify-content: space-between !important;
gap: 16px !important;
flex-wrap: wrap !important;
} body.page-id-2 .gr-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
}
body.page-id-2 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
min-height: 560px !important;
padding: 54px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
linear-gradient(90deg, rgba(2, 6, 23, 0.82), rgba(2, 6, 23, 0.58) 48%, rgba(15, 23, 42, 0.78)),
url(//geetradio.com/wp-content/themes/geet-radio/assets/images/geet-radio-hero.png) center / cover no-repeat !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.page-id-2 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
background:
radial-gradient(circle at 18% 20%, rgba(45, 212, 191, 0.28), transparent 34%),
radial-gradient(circle at 82% 24%, rgba(96, 165, 250, 0.24), transparent 36%),
linear-gradient(180deg, rgba(2, 6, 23, 0.12), rgba(2, 6, 23, 0.72)) !important;
}
body.page-id-2 .gr-station-hero h1 {
color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 18px 55px rgba(0,0,0,.62) !important;
}
body.page-id-2 .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
opacity: 1 !important;
text-shadow: 0 10px 34px rgba(0,0,0,.52) !important;
font-weight: 650 !important;
}
body.page-id-2 .gr-station-kicker,
body.page-id-2 .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
body.page-id-2 .gr-tamil-quote {
margin-top: 24px !important;
max-width: 660px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(94, 234, 212, 0.25) !important;
background: rgba(2, 6, 23, 0.50) !important;
backdrop-filter: blur(14px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.page-id-2 .gr-tamil-quote strong {
display: block !important;
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
body.page-id-2 .gr-tamil-quote span {
display: block !important;
margin-top: 8px !important;
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
body.page-id-2 .gr-station-player-card {
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
border-color: rgba(148, 163, 184, 0.24) !important;
}
body.page-id-2 .gr-station-now span {
color: #ffffff !important;
}
@media (max-width: 950px) {
body.page-id-2 .gr-station-hero {
grid-template-columns: 1fr !important;
min-height: auto !important;
padding: 32px 22px !important;
}
.gr-footer-inner {
grid-template-columns: 1fr !important;
}
.gr-footer-links {
justify-content: flex-start !important;
}
} body.page-id-2 .gr-station-hero {
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
}
body.page-id-2 .gr-station-brand-row {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 18px;
}
body.page-id-2 .gr-station-logo {
width: 112px;
height: 112px;
border-radius: 28px;
object-fit: cover;
border: 1px solid rgba(94, 234, 212, 0.34);
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16);
background: rgba(2, 6, 23, .42);
}
body.page-id-2 .gr-station-brand-copy {
display: grid;
gap: 8px;
}
body.page-id-2 .gr-station-brand-copy h1 {
margin: 0 !important;
}
body.page-id-2 .gr-modern-section {
margin-top: 26px;
}
body.page-id-2 .gr-modern-heading {
margin-bottom: 18px;
}
body.page-id-2 .gr-modern-heading small {
color: #99f6e4;
font-size: 12px;
font-weight: 950;
letter-spacing: .13em;
text-transform: uppercase;
}
body.page-id-2 .gr-modern-heading h2 {
margin: 8px 0 0;
color: #fff;
font-size: clamp(28px, 3vw, 42px);
letter-spacing: -.04em;
}
body.page-id-2 .gr-feature-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
body.page-id-2 .gr-feature-tile,
body.page-id-2 .gr-mood-card,
body.page-id-2 .gr-related-card {
position: relative;
overflow: hidden;
padding: 22px;
border-radius: 22px;
border: 1px solid rgba(148, 163, 184, 0.16);
background:
radial-gradient(circle at 18% 16%, rgba(45, 212, 191, 0.13), transparent 34%),
linear-gradient(145deg, rgba(15, 23, 42, 0.82), rgba(8, 13, 29, 0.92));
box-shadow: 0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-2 .gr-feature-tile:hover,
body.page-id-2 .gr-mood-card:hover,
body.page-id-2 .gr-related-card:hover {
transform: translateY(-5px);
border-color: rgba(94, 234, 212, .36);
}
body.page-id-2 .gr-feature-icon {
display: grid;
place-items: center;
width: 42px;
height: 42px;
margin-bottom: 16px;
border-radius: 15px;
color: #06111d;
font-size: 20px;
font-weight: 950;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
body.page-id-2 .gr-feature-tile h3,
body.page-id-2 .gr-mood-card h3,
body.page-id-2 .gr-related-card h3 {
margin: 0 0 8px;
color: #fff;
font-size: 20px;
letter-spacing: -.03em;
}
body.page-id-2 .gr-feature-tile p,
body.page-id-2 .gr-mood-card p,
body.page-id-2 .gr-related-card p {
margin: 0;
color: rgba(226, 232, 240, .72);
font-size: 15px;
line-height: 1.5;
}
body.page-id-2 .gr-mood-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.page-id-2 .gr-station-wide-cta {
margin-top: 26px;
padding: 30px;
border-radius: 26px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
align-items: center;
border: 1px solid rgba(94, 234, 212, .24);
background:
radial-gradient(circle at 14% 20%, rgba(45, 212, 191, .20), transparent 34%),
linear-gradient(135deg, rgba(15, 23, 42, .9), rgba(8, 13, 29, .96));
box-shadow: 0 24px 70px rgba(0,0,0,.28);
}
body.page-id-2 .gr-station-wide-cta h2 {
margin: 0 0 8px;
color: #fff;
letter-spacing: -.04em;
}
body.page-id-2 .gr-station-wide-cta p {
margin: 0;
color: rgba(226, 232, 240, .74);
line-height: 1.55;
}
body.page-id-2 .gr-station-wide-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
}
body.page-id-2 .gr-station-wide-actions a,
body.page-id-2 .gr-related-card a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 15px;
border-radius: 999px;
color: #06111d;
font-size: 13px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
body.page-id-2 .gr-related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.page-id-2 .gr-related-card a {
margin-top: 14px;
}
@media (max-width: 1050px) {
body.page-id-2 .gr-feature-list,
body.page-id-2 .gr-mood-grid,
body.page-id-2 .gr-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-id-2 .gr-station-wide-cta {
grid-template-columns: 1fr;
}
body.page-id-2 .gr-station-wide-actions {
justify-content: flex-start;
}
}
@media (max-width: 700px) {
body.page-id-2 .gr-station-brand-row {
display: grid;
}
body.page-id-2 .gr-station-logo {
width: 92px;
height: 92px;
}
body.page-id-2 .gr-feature-list,
body.page-id-2 .gr-mood-grid,
body.page-id-2 .gr-related-grid {
grid-template-columns: 1fr;
}
} body.page-id-2 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
background:
linear-gradient(90deg, rgba(2,6,23,.92), rgba(2,6,23,.70) 48%, rgba(15,23,42,.86)),
radial-gradient(circle at 18% 18%, rgba(45,212,191,.30), transparent 34%),
radial-gradient(circle at 82% 24%, rgba(96,165,250,.26), transparent 34%),
linear-gradient(135deg, #07111f, #111827 52%, #020617) !important;
}
body.page-id-2 .gr-station-hero::after {
content: "";
position: absolute;
right: 34%;
top: 50%;
width: 360px;
height: 360px;
transform: translateY(-50%);
background: url(https://geetradio.com/wp-content/uploads/2024/08/Geet_Radio_Tamil_630x630.png) center / contain no-repeat;
opacity: .10;
filter: drop-shadow(0 20px 50px rgba(45,212,191,.22));
pointer-events: none;
animation: grTamilLogoDrift 7s ease-in-out infinite;
}
body.page-id-2 .gr-station-brand-row,
body.page-id-2 .gr-station-hero > div > p,
body.page-id-2 .gr-station-badges,
body.page-id-2 .gr-tamil-quote {
animation: grHeroRise .75s ease both;
}
body.page-id-2 .gr-station-hero > div > p { animation-delay: .08s; }
body.page-id-2 .gr-station-badges { animation-delay: .16s; }
body.page-id-2 .gr-tamil-quote { animation-delay: .24s; }
body.page-id-2 .gr-station-player-card {
animation: grHeroCardIn .85s ease both;
}
body.page-id-2 .gr-station-apps {
display: none !important;
}
body.page-id-2 .gr-station-play {
transition: transform .2s ease, box-shadow .2s ease;
}
body.page-id-2 .gr-station-play:hover {
transform: scale(1.06);
box-shadow: 0 24px 54px rgba(45,212,191,.34);
}
body.page-id-2 .gr-station-play.is-playing {
background: linear-gradient(135deg, #facc15, #fb7185) !important;
}
body.page-id-2 .gr-tamil-action-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 28px;
}
body.page-id-2 .gr-tamil-action-card {
position: relative;
overflow: hidden;
padding: 30px;
border-radius: 26px;
border: 1px solid rgba(148,163,184,.16);
background:
radial-gradient(circle at 16% 18%, rgba(45,212,191,.16), transparent 34%),
linear-gradient(145deg, rgba(15,23,42,.86), rgba(8,13,29,.94));
box-shadow: 0 22px 64px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
body.page-id-2 .gr-tamil-action-card h2 {
margin: 0 0 10px;
color: #fff;
letter-spacing: -.04em;
font-size: clamp(26px, 3vw, 40px);
}
body.page-id-2 .gr-tamil-action-card p {
margin: 0 0 20px;
color: rgba(226,232,240,.74);
line-height: 1.55;
}
body.page-id-2 .gr-app-big-badges {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
}
body.page-id-2 .gr-app-big-badges a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 62px;
min-width: 190px;
padding: 10px 16px;
border-radius: 18px;
background: #000;
border: 1px solid rgba(255,255,255,.28);
box-shadow: 0 16px 36px rgba(0,0,0,.28);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-2 .gr-app-big-badges a:hover {
transform: translateY(-4px) scale(1.03);
border-color: rgba(94,234,212,.52);
}
body.page-id-2 .gr-app-big-badges img {
height: 42px;
width: auto;
object-fit: contain;
}
body.page-id-2 .gr-ad-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 11px 18px;
border-radius: 999px;
color: #06111d;
font-size: 14px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow: 0 16px 34px rgba(45,212,191,.18);
}
body.page-id-2 .gr-album-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
body.page-id-2 .gr-album-card {
overflow: hidden;
border-radius: 24px;
border: 1px solid rgba(148,163,184,.16);
background: rgba(15,23,42,.82);
box-shadow: 0 18px 54px rgba(0,0,0,.24);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-2 .gr-album-card:hover {
transform: translateY(-6px);
border-color: rgba(94,234,212,.42);
}
body.page-id-2 .gr-album-card img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
background: #020617;
}
body.page-id-2 .gr-album-card div {
padding: 18px;
}
body.page-id-2 .gr-album-card h3 {
margin: 0 0 7px;
color: #fff;
font-size: 19px;
letter-spacing: -.03em;
}
body.page-id-2 .gr-album-card p {
margin: 0;
color: rgba(226,232,240,.70);
font-size: 14px;
line-height: 1.45;
} .gr-footer-find {
width: min(1440px, calc(100% - 32px));
margin: 0 auto 34px;
text-align: center;
}
.gr-footer-find h2 {
margin: 0 0 12px;
color: #fff;
font-size: clamp(28px, 3vw, 44px);
letter-spacing: -.04em;
}
.gr-footer-find p {
margin: 0 0 22px;
color: rgba(226,232,240,.76);
font-size: 17px;
}
.gr-footer-find strong {
display: block;
margin-bottom: 22px;
color: #fff;
font-size: 22px;
}
.gr-footer-find-logos {
display: flex;
align-items: center;
justify-content: center;
gap: 28px;
flex-wrap: wrap;
}
.gr-footer-find-logos a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 64px;
padding: 10px 14px;
border-radius: 16px;
background: rgba(2,6,23,.34);
border: 1px solid rgba(148,163,184,.12);
transition: transform .22s ease, border-color .22s ease;
}
.gr-footer-find-logos a:hover {
transform: translateY(-4px);
border-color: rgba(94,234,212,.34);
}
.gr-footer-find-logos img {
display: block;
max-height: 48px;
max-width: 230px;
width: auto;
object-fit: contain;
}
@keyframes grHeroRise {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes grHeroCardIn {
from { opacity: 0; transform: translateX(24px) scale(.98); }
to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes grTamilLogoDrift {
0%, 100% { transform: translateY(-50%) rotate(-3deg) scale(1); }
50% { transform: translateY(-54%) rotate(3deg) scale(1.04); }
}
@media (max-width: 1050px) {
body.page-id-2 .gr-tamil-action-grid,
body.page-id-2 .gr-album-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-id-2 .gr-station-hero::after {
right: 6%;
opacity: .07;
}
}
@media (max-width: 700px) {
body.page-id-2 .gr-tamil-action-grid,
body.page-id-2 .gr-album-grid {
grid-template-columns: 1fr;
}
body.page-id-2 .gr-app-big-badges a {
width: 100%;
}
} body.page-id-2 .gr-tamil-hero-art {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
body.page-id-2 .gr-tamil-hero-art img {
position: absolute;
width: 118px;
height: 118px;
object-fit: cover;
border-radius: 24px;
opacity: .22;
border: 1px solid rgba(255,255,255,.18);
box-shadow: 0 22px 54px rgba(0,0,0,.42);
filter: saturate(1.1) contrast(1.05);
animation: grTamilAlbumFloat 7s ease-in-out infinite;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) {
right: 31%;
top: 13%;
transform: rotate(-10deg);
animation-delay: 0s;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) {
right: 23%;
bottom: 12%;
transform: rotate(8deg);
animation-delay: .8s;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) {
right: 47%;
bottom: 18%;
transform: rotate(-6deg);
animation-delay: 1.4s;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) {
right: 43%;
top: 22%;
transform: rotate(7deg);
animation-delay: 2s;
}
body.page-id-2 .gr-listener-memory {
margin-top: 18px;
display: inline-flex;
align-items: center;
gap: 12px;
max-width: 660px;
padding: 14px 16px;
border-radius: 999px;
background: rgba(2, 6, 23, .52);
border: 1px solid rgba(94, 234, 212, .24);
backdrop-filter: blur(14px);
color: rgba(248, 250, 252, .88);
font-size: 14px;
font-weight: 800;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
animation: grHeroRise .75s ease both;
animation-delay: .32s;
}
body.page-id-2 .gr-listener-memory span {
display: grid;
place-items: center;
width: 30px;
height: 30px;
border-radius: 999px;
color: #06111d;
background: linear-gradient(135deg, #5eead4, #60a5fa);
font-weight: 950;
}
@keyframes grTamilAlbumFloat {
0%, 100% {
translate: 0 0;
}
50% {
translate: 0 -14px;
}
}
@media (max-width: 950px) {
body.page-id-2 .gr-tamil-hero-art img {
width: 84px;
height: 84px;
opacity: .14;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) { right: 6%; top: 10%; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) { right: 12%; bottom: 12%; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) { right: 38%; bottom: 8%; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) { right: 42%; top: 14%; }
body.page-id-2 .gr-listener-memory {
border-radius: 20px;
align-items: flex-start;
}
} body.page-id-2 .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 34px !important;
}
body.page-id-2 .gr-station-hero > div:not(.gr-tamil-hero-art) {
position: relative !important;
z-index: 2 !important;
}
body.page-id-2 .gr-station-player-card {
position: relative !important;
z-index: 3 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
} body.page-id-2 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 176px !important;
height: 176px !important;
opacity: .24 !important;
border-radius: 30px !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) {
right: 36% !important;
top: 9% !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) {
right: 28% !important;
bottom: 9% !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) {
right: 52% !important;
bottom: 12% !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) {
right: 50% !important;
top: 20% !important;
}
body.page-id-2 .gr-listener-memory {
max-width: 660px !important;
}
@media (max-width: 950px) {
body.page-id-2 .gr-station-hero {
grid-template-columns: 1fr !important;
}
body.page-id-2 .gr-station-player-card {
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 110px !important;
height: 110px !important;
opacity: .14 !important;
}
} body.page-id-2 .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
position: relative !important;
isolation: isolate !important;
}
body.page-id-2 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-2 .gr-station-player-card {
position: relative !important;
z-index: 5 !important;
}
body.page-id-2 .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
}
body.page-id-2 .gr-station-brand-row {
position: relative !important;
z-index: 6 !important;
}
body.page-id-2 .gr-listener-memory {
display: none !important;
} body.page-id-2 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-2 .gr-tamil-hero-art img {
position: absolute !important;
width: 150px !important;
height: 150px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .18 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
} body.page-id-2 .gr-tamil-hero-art img:nth-child(1) {
left: 48% !important;
top: 9% !important;
right: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) {
left: 58% !important;
top: 34% !important;
right: auto !important;
bottom: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) {
left: 45% !important;
bottom: 10% !important;
right: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) {
left: 66% !important;
bottom: 13% !important;
right: auto !important;
top: auto !important;
} body.page-id-2 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
@media (max-width: 950px) {
body.page-id-2 .gr-station-hero {
grid-template-columns: 1fr !important;
}
body.page-id-2 .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 96px !important;
height: 96px !important;
opacity: .11 !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(n) {
left: auto !important;
right: 6% !important;
}
} body.page-id-2 .gr-station-hero {
overflow: hidden !important;
}
body.page-id-2 .gr-station-brand-row {
animation: grTamilHeroContentIn .75s ease both !important;
}
body.page-id-2 .gr-station-hero > div:not(.gr-tamil-hero-art) > p {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .10s !important;
}
body.page-id-2 .gr-station-badges {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .18s !important;
}
body.page-id-2 .gr-tamil-quote {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .26s !important;
}
body.page-id-2 .gr-station-player-card {
animation: grTamilPlayerIn .85s ease both !important;
animation-delay: .18s !important;
} body.page-id-2 .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
} body.page-id-2 .gr-tamil-hero-art {
z-index: 1 !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 138px !important;
height: 138px !important;
opacity: .20 !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) {
left: auto !important;
right: 120px !important;
top: 24px !important;
bottom: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) {
left: auto !important;
right: 22px !important;
top: 150px !important;
bottom: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) {
left: auto !important;
right: 260px !important;
top: 210px !important;
bottom: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) {
left: auto !important;
right: 70px !important;
bottom: 28px !important;
top: auto !important;
} body.page-id-2 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-2 .gr-station-player-card {
z-index: 6 !important;
}
@keyframes grTamilHeroContentIn {
from {
opacity: 0;
transform: translateY(18px);
filter: blur(6px);
}
to {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
}
@keyframes grTamilPlayerIn {
from {
opacity: 0;
transform: translateX(26px) scale(.98);
filter: blur(5px);
}
to {
opacity: 1;
transform: translateX(0) scale(1);
filter: blur(0);
}
}
@media (max-width: 950px) {
body.page-id-2 .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 88px !important;
height: 88px !important;
opacity: .10 !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) { right: 16px !important; top: 24px !important; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) { right: 112px !important; top: 92px !important; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) { right: 28px !important; top: 176px !important; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) { right: 124px !important; bottom: 30px !important; }
} body.page-id-2 .gr-tamil-slider-text {
position: relative;
min-height: 46px;
margin: 12px 0 16px;
overflow: hidden;
}
body.page-id-2 .gr-tamil-slider-text span {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transform: translateY(18px);
color: #ffffff;
font-size: clamp(24px, 3vw, 44px);
line-height: 1.08;
font-weight: 950;
letter-spacing: -0.04em;
text-shadow: 0 16px 44px rgba(0,0,0,.48);
animation: grTamilTextSlider 12s infinite;
}
body.page-id-2 .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s; }
body.page-id-2 .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s; }
body.page-id-2 .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s; }
body.page-id-2 .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s; }
@keyframes grTamilTextSlider {
0% {
opacity: 0;
transform: translateY(18px);
}
8%, 22% {
opacity: 1;
transform: translateY(0);
}
30%, 100% {
opacity: 0;
transform: translateY(-18px);
}
}
@media (max-width: 700px) {
body.page-id-2 .gr-tamil-slider-text {
min-height: 76px;
}
} body.page-id-91 .gr-station-page,
body.page-id-91 .gr-language-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
color: #fff !important;
}
body.page-id-91 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
min-height: 560px !important;
padding: 54px !important;
border-radius: 30px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.page-id-91 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
body.page-id-91 .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
}
body.page-id-91 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-91 .gr-station-player-card {
position: relative !important;
z-index: 6 !important;
}
body.page-id-91 .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
}
body.page-id-91 .gr-station-logo {
width: 112px !important;
height: 112px !important;
border-radius: 28px !important;
object-fit: cover !important;
border: 1px solid rgba(94, 234, 212, 0.34) !important;
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16) !important;
}
body.page-id-91 .gr-station-brand-row {
display: flex !important;
align-items: center !important;
gap: 18px !important;
margin-bottom: 18px !important;
animation: grTamilHeroContentIn .75s ease both !important;
}
body.page-id-91 .gr-station-hero h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(42px, 5vw, 76px) !important;
line-height: .96 !important;
letter-spacing: -.06em !important;
}
body.page-id-91 .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
font-weight: 650 !important;
}
body.page-id-91 .gr-station-kicker,
body.page-id-91 .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
body.page-id-91 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-91 .gr-tamil-hero-art img {
position: absolute !important;
width: 138px !important;
height: 138px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .20 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
animation: grTamilAlbumFloat 7s ease-in-out infinite !important;
}
body.page-id-91 .gr-tamil-hero-art img:nth-child(1) { right: 120px !important; top: 24px !important; }
body.page-id-91 .gr-tamil-hero-art img:nth-child(2) { right: 22px !important; top: 150px !important; }
body.page-id-91 .gr-tamil-hero-art img:nth-child(3) { right: 260px !important; top: 210px !important; }
@media (max-width: 950px) {
body.page-id-91 .gr-station-hero {
grid-template-columns: 1fr !important;
padding: 32px 22px !important;
}
body.page-id-91 .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-91 .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
} body.page-id-91 .entry-title,
body.page-id-91 .page-title,
body.page-id-91 article > h1:first-child,
body.page-id-91 main > h1:first-child {
display: none !important;
}
body.page-id-91 .gr-telugu-page .gr-station-brand-copy {
display: grid !important;
gap: 0 !important;
min-width: 0 !important;
}
body.page-id-91 .gr-telugu-page .gr-station-hero h1 {
display: block !important;
margin: 0 !important;
max-width: 680px !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text {
position: relative !important;
display: block !important;
width: min(760px, 100%) !important;
min-height: 54px !important;
margin: 12px 0 0 !important;
overflow: hidden !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span {
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: block !important;
width: 100% !important;
white-space: normal !important;
opacity: 0 !important;
transform: translateY(18px) !important;
color: #ffffff !important;
font-size: clamp(23px, 2.8vw, 40px) !important;
line-height: 1.12 !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
text-shadow: 0 16px 44px rgba(0,0,0,.48) !important;
animation-name: grTamilTextSlider !important;
animation-duration: 12s !important;
animation-iteration-count: infinite !important;
animation-timing-function: ease !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s !important; }
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s !important; }
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s !important; }
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s !important; }
body.page-id-91 .gr-telugu-page .gr-tamil-quote {
display: grid !important;
gap: 8px !important;
max-width: 660px !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-quote strong {
display: block !important;
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-quote span {
display: block !important;
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
body.page-id-91 .gr-telugu-page .gr-station-brand-row,
body.page-id-91 .gr-telugu-page .gr-station-hero > div:not(.gr-tamil-hero-art) > p,
body.page-id-91 .gr-telugu-page .gr-station-badges,
body.page-id-91 .gr-telugu-page .gr-tamil-quote {
animation: grTamilHeroContentIn .75s ease both !important;
}
body.page-id-91 .gr-telugu-page .gr-station-player-card {
animation: grTamilPlayerIn .85s ease both !important;
animation-delay: .18s !important;
} body.page-id-91 .gr-telugu-page .gr-station-content-grid,
body.page-id-91 .gr-telugu-page .gr-tamil-action-grid,
body.page-id-91 .gr-telugu-page .gr-modern-section {
margin-top: 26px !important;
}
@media (max-width: 700px) {
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text {
min-height: 78px !important;
}
} .gr-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
color: #fff !important;
}
.gr-station-page .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
min-height: 560px !important;
padding: 54px !important;
border-radius: 30px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.gr-station-page .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
.gr-station-page .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
}
.gr-station-page .gr-station-hero > div:not(.gr-tamil-hero-art),
.gr-station-page .gr-station-player-card {
position: relative !important;
z-index: 6 !important;
}
.gr-station-page .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
}
.gr-station-page .gr-station-brand-row {
display: flex !important;
align-items: center !important;
gap: 18px !important;
margin-bottom: 18px !important;
animation: grTamilHeroContentIn .75s ease both !important;
}
.gr-station-page .gr-station-logo {
width: 112px !important;
height: 112px !important;
border-radius: 28px !important;
object-fit: cover !important;
border: 1px solid rgba(94, 234, 212, 0.34) !important;
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16) !important;
background: rgba(2, 6, 23, .42) !important;
}
.gr-station-page .gr-station-brand-copy {
display: grid !important;
gap: 0 !important;
min-width: 0 !important;
}
.gr-station-page .gr-station-hero h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(42px, 5vw, 76px) !important;
line-height: .96 !important;
letter-spacing: -.06em !important;
text-shadow: 0 18px 55px rgba(0,0,0,.62) !important;
}
.gr-station-page .gr-tamil-slider-text {
position: relative !important;
display: block !important;
width: min(760px, 100%) !important;
min-height: 54px !important;
margin: 12px 0 0 !important;
overflow: hidden !important;
}
.gr-station-page .gr-tamil-slider-text span {
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: block !important;
width: 100% !important;
white-space: normal !important;
opacity: 0 !important;
transform: translateY(18px) !important;
color: #ffffff !important;
font-size: clamp(23px, 2.8vw, 40px) !important;
line-height: 1.12 !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
text-shadow: 0 16px 44px rgba(0,0,0,.48) !important;
animation: grTamilTextSlider 12s infinite !important;
}
.gr-station-page .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s !important; }
.gr-station-page .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
font-weight: 650 !important;
text-shadow: 0 10px 34px rgba(0,0,0,.52) !important;
}
.gr-station-page .gr-station-kicker,
.gr-station-page .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
.gr-station-page .gr-tamil-quote {
display: grid !important;
gap: 8px !important;
max-width: 660px !important;
margin-top: 24px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(94, 234, 212, 0.25) !important;
background: rgba(2, 6, 23, 0.50) !important;
backdrop-filter: blur(14px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.gr-station-page .gr-tamil-quote strong,
.gr-station-page .gr-tamil-quote span {
display: block !important;
}
.gr-station-page .gr-tamil-quote strong {
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
.gr-station-page .gr-tamil-quote span {
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.gr-station-page .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
.gr-station-page .gr-tamil-hero-art img {
position: absolute !important;
width: 138px !important;
height: 138px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .20 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
animation: grTamilAlbumFloat 7s ease-in-out infinite !important;
}
.gr-station-page .gr-tamil-hero-art img:nth-child(1) { right: 120px !important; top: 24px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(2) { right: 22px !important; top: 150px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(3) { right: 260px !important; top: 210px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(4) { right: 70px !important; bottom: 28px !important; }
.gr-station-page .gr-station-content-grid,
.gr-station-page .gr-tamil-action-grid,
.gr-station-page .gr-modern-section {
margin-top: 26px !important;
}
@media (max-width: 950px) {
.gr-station-page .gr-station-hero {
grid-template-columns: 1fr !important;
padding: 32px 22px !important;
}
.gr-station-page .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
.gr-station-page .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
.gr-station-page .gr-tamil-slider-text {
min-height: 78px !important;
}
} .gr-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
color: #fff !important;
}
.gr-station-page .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
min-height: 560px !important;
padding: 54px !important;
border-radius: 30px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.gr-station-page .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
.gr-station-page .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
}
.gr-station-page .gr-station-hero > div:not(.gr-tamil-hero-art),
.gr-station-page .gr-station-player-card {
position: relative !important;
z-index: 6 !important;
}
.gr-station-page .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
}
.gr-station-page .gr-station-brand-row {
display: flex !important;
align-items: center !important;
gap: 18px !important;
margin-bottom: 18px !important;
animation: grTamilHeroContentIn .75s ease both !important;
}
.gr-station-page .gr-station-logo {
width: 112px !important;
height: 112px !important;
border-radius: 28px !important;
object-fit: cover !important;
border: 1px solid rgba(94, 234, 212, 0.34) !important;
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16) !important;
background: rgba(2, 6, 23, .42) !important;
}
.gr-station-page .gr-station-brand-copy {
display: grid !important;
gap: 0 !important;
min-width: 0 !important;
}
.gr-station-page .gr-station-hero h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(42px, 5vw, 76px) !important;
line-height: .96 !important;
letter-spacing: -.06em !important;
text-shadow: 0 18px 55px rgba(0,0,0,.62) !important;
}
.gr-station-page .gr-tamil-slider-text {
position: relative !important;
display: block !important;
width: min(760px, 100%) !important;
min-height: 54px !important;
margin: 12px 0 0 !important;
overflow: hidden !important;
}
.gr-station-page .gr-tamil-slider-text span {
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: block !important;
width: 100% !important;
white-space: normal !important;
opacity: 0 !important;
transform: translateY(18px) !important;
color: #ffffff !important;
font-size: clamp(23px, 2.8vw, 40px) !important;
line-height: 1.12 !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
text-shadow: 0 16px 44px rgba(0,0,0,.48) !important;
animation: grTamilTextSlider 12s infinite !important;
}
.gr-station-page .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s !important; }
.gr-station-page .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
font-weight: 650 !important;
text-shadow: 0 10px 34px rgba(0,0,0,.52) !important;
}
.gr-station-page .gr-station-kicker,
.gr-station-page .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
.gr-station-page .gr-tamil-quote {
display: grid !important;
gap: 8px !important;
max-width: 660px !important;
margin-top: 24px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(94, 234, 212, 0.25) !important;
background: rgba(2, 6, 23, 0.50) !important;
backdrop-filter: blur(14px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.gr-station-page .gr-tamil-quote strong,
.gr-station-page .gr-tamil-quote span {
display: block !important;
}
.gr-station-page .gr-tamil-quote strong {
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
.gr-station-page .gr-tamil-quote span {
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.gr-station-page .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
.gr-station-page .gr-tamil-hero-art img {
position: absolute !important;
width: 138px !important;
height: 138px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .20 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
animation: grTamilAlbumFloat 7s ease-in-out infinite !important;
}
.gr-station-page .gr-tamil-hero-art img:nth-child(1) { right: 120px !important; top: 24px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(2) { right: 22px !important; top: 150px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(3) { right: 260px !important; top: 210px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(4) { right: 70px !important; bottom: 28px !important; }
.gr-station-page .gr-station-content-grid,
.gr-station-page .gr-tamil-action-grid,
.gr-station-page .gr-modern-section {
margin-top: 26px !important;
}
@media (max-width: 950px) {
.gr-station-page .gr-station-hero {
grid-template-columns: 1fr !important;
padding: 32px 22px !important;
}
.gr-station-page .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
.gr-station-page .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
.gr-station-page .gr-tamil-slider-text {
min-height: 78px !important;
}
}
body.page-id-514 .gr-site-main > h1:first-child {
display: none;
}
body.page-id-514 .gr-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
}
body.page-id-514 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
min-height: 560px !important;
padding: 54px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
linear-gradient(90deg, rgba(2, 6, 23, 0.82), rgba(2, 6, 23, 0.58) 48%, rgba(15, 23, 42, 0.78)),
url(//geetradio.com/wp-content/themes/geet-radio/assets/images/geet-radio-hero.png) center / cover no-repeat !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.page-id-514 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
background:
radial-gradient(circle at 18% 20%, rgba(45, 212, 191, 0.28), transparent 34%),
radial-gradient(circle at 82% 24%, rgba(96, 165, 250, 0.24), transparent 36%),
linear-gradient(180deg, rgba(2, 6, 23, 0.12), rgba(2, 6, 23, 0.72)) !important;
}
body.page-id-514 .gr-station-hero h1 {
color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 18px 55px rgba(0,0,0,.62) !important;
}
body.page-id-514 .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
opacity: 1 !important;
text-shadow: 0 10px 34px rgba(0,0,0,.52) !important;
font-weight: 650 !important;
}
body.page-id-514 .gr-station-kicker,
body.page-id-514 .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
body.page-id-514 .gr-tamil-quote {
margin-top: 24px !important;
max-width: 660px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(94, 234, 212, 0.25) !important;
background: rgba(2, 6, 23, 0.50) !important;
backdrop-filter: blur(14px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.page-id-514 .gr-tamil-quote strong {
display: block !important;
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
body.page-id-514 .gr-tamil-quote span {
display: block !important;
margin-top: 8px !important;
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
body.page-id-514 .gr-station-player-card {
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
border-color: rgba(148, 163, 184, 0.24) !important;
}
body.page-id-514 .gr-station-now span {
color: #ffffff !important;
}
body.page-id-514 .gr-station-hero {
grid-template-columns: 1fr !important;
min-height: auto !important;
padding: 32px 22px !important;
}
body.page-id-514 .gr-station-hero {
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
}
body.page-id-514 .gr-station-brand-row {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 18px;
}
body.page-id-514 .gr-station-logo {
width: 112px;
height: 112px;
border-radius: 28px;
object-fit: cover;
border: 1px solid rgba(94, 234, 212, 0.34);
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16);
background: rgba(2, 6, 23, .42);
}
body.page-id-514 .gr-station-brand-copy {
display: grid;
gap: 8px;
}
body.page-id-514 .gr-station-brand-copy h1 {
margin: 0 !important;
}
body.page-id-514 .gr-modern-section {
margin-top: 26px;
}
body.page-id-514 .gr-modern-heading {
margin-bottom: 18px;
}
body.page-id-514 .gr-modern-heading small {
color: #99f6e4;
font-size: 12px;
font-weight: 950;
letter-spacing: .13em;
text-transform: uppercase;
}
body.page-id-514 .gr-modern-heading h2 {
margin: 8px 0 0;
color: #fff;
font-size: clamp(28px, 3vw, 42px);
letter-spacing: -.04em;
}
body.page-id-514 .gr-feature-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
body.page-id-514 .gr-feature-tile,
body.page-id-514 .gr-mood-card,
body.page-id-514 .gr-related-card {
position: relative;
overflow: hidden;
padding: 22px;
border-radius: 22px;
border: 1px solid rgba(148, 163, 184, 0.16);
background:
radial-gradient(circle at 18% 16%, rgba(45, 212, 191, 0.13), transparent 34%),
linear-gradient(145deg, rgba(15, 23, 42, 0.82), rgba(8, 13, 29, 0.92));
box-shadow: 0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-514 .gr-feature-tile:hover,
body.page-id-514 .gr-mood-card:hover,
body.page-id-514 .gr-related-card:hover {
transform: translateY(-5px);
border-color: rgba(94, 234, 212, .36);
}
body.page-id-514 .gr-feature-icon {
display: grid;
place-items: center;
width: 42px;
height: 42px;
margin-bottom: 16px;
border-radius: 15px;
color: #06111d;
font-size: 20px;
font-weight: 950;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
body.page-id-514 .gr-feature-tile h3,
body.page-id-514 .gr-mood-card h3,
body.page-id-514 .gr-related-card h3 {
margin: 0 0 8px;
color: #fff;
font-size: 20px;
letter-spacing: -.03em;
}
body.page-id-514 .gr-feature-tile p,
body.page-id-514 .gr-mood-card p,
body.page-id-514 .gr-related-card p {
margin: 0;
color: rgba(226, 232, 240, .72);
font-size: 15px;
line-height: 1.5;
}
body.page-id-514 .gr-mood-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.page-id-514 .gr-station-wide-cta {
margin-top: 26px;
padding: 30px;
border-radius: 26px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
align-items: center;
border: 1px solid rgba(94, 234, 212, .24);
background:
radial-gradient(circle at 14% 20%, rgba(45, 212, 191, .20), transparent 34%),
linear-gradient(135deg, rgba(15, 23, 42, .9), rgba(8, 13, 29, .96));
box-shadow: 0 24px 70px rgba(0,0,0,.28);
}
body.page-id-514 .gr-station-wide-cta h2 {
margin: 0 0 8px;
color: #fff;
letter-spacing: -.04em;
}
body.page-id-514 .gr-station-wide-cta p {
margin: 0;
color: rgba(226, 232, 240, .74);
line-height: 1.55;
}
body.page-id-514 .gr-station-wide-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
}
body.page-id-514 .gr-station-wide-actions a,
body.page-id-514 .gr-related-card a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 15px;
border-radius: 999px;
color: #06111d;
font-size: 13px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
body.page-id-514 .gr-related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.page-id-514 .gr-related-card a {
margin-top: 14px;
}
body.page-id-514 .gr-feature-list,
body.page-id-514 .gr-mood-grid,
body.page-id-514 .gr-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-id-514 .gr-station-wide-cta {
grid-template-columns: 1fr;
}
body.page-id-514 .gr-station-wide-actions {
justify-content: flex-start;
}
body.page-id-514 .gr-station-brand-row {
display: grid;
}
body.page-id-514 .gr-station-logo {
width: 92px;
height: 92px;
}
body.page-id-514 .gr-feature-list,
body.page-id-514 .gr-mood-grid,
body.page-id-514 .gr-related-grid {
grid-template-columns: 1fr;
}
body.page-id-514 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
background:
linear-gradient(90deg, rgba(2,6,23,.92), rgba(2,6,23,.70) 48%, rgba(15,23,42,.86)),
radial-gradient(circle at 18% 18%, rgba(45,212,191,.30), transparent 34%),
radial-gradient(circle at 82% 24%, rgba(96,165,250,.26), transparent 34%),
linear-gradient(135deg, #07111f, #111827 52%, #020617) !important;
}
body.page-id-514 .gr-station-hero::after {
content: "";
position: absolute;
right: 34%;
top: 50%;
width: 360px;
height: 360px;
transform: translateY(-50%);
background: url(https://geetradio.com/wp-content/uploads/2024/08/Geet_Radio_Tamil_630x630.png) center / contain no-repeat;
opacity: .10;
filter: drop-shadow(0 20px 50px rgba(45,212,191,.22));
pointer-events: none;
animation: grTamilLogoDrift 7s ease-in-out infinite;
}
body.page-id-514 .gr-station-brand-row,
body.page-id-514 .gr-station-hero > div > p,
body.page-id-514 .gr-station-badges,
body.page-id-514 .gr-tamil-quote {
animation: grHeroRise .75s ease both;
}
body.page-id-514 .gr-station-hero > div > p { animation-delay: .08s; }
body.page-id-514 .gr-station-badges { animation-delay: .16s; }
body.page-id-514 .gr-tamil-quote { animation-delay: .24s; }
body.page-id-514 .gr-station-player-card {
animation: grHeroCardIn .85s ease both;
}
body.page-id-514 .gr-station-apps {
display: none !important;
}
body.page-id-514 .gr-station-play {
transition: transform .2s ease, box-shadow .2s ease;
}
body.page-id-514 .gr-station-play:hover {
transform: scale(1.06);
box-shadow: 0 24px 54px rgba(45,212,191,.34);
}
body.page-id-514 .gr-station-play.is-playing {
background: linear-gradient(135deg, #facc15, #fb7185) !important;
}
body.page-id-514 .gr-tamil-action-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 28px;
}
body.page-id-514 .gr-tamil-action-card {
position: relative;
overflow: hidden;
padding: 30px;
border-radius: 26px;
border: 1px solid rgba(148,163,184,.16);
background:
radial-gradient(circle at 16% 18%, rgba(45,212,191,.16), transparent 34%),
linear-gradient(145deg, rgba(15,23,42,.86), rgba(8,13,29,.94));
box-shadow: 0 22px 64px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
body.page-id-514 .gr-tamil-action-card h2 {
margin: 0 0 10px;
color: #fff;
letter-spacing: -.04em;
font-size: clamp(26px, 3vw, 40px);
}
body.page-id-514 .gr-tamil-action-card p {
margin: 0 0 20px;
color: rgba(226,232,240,.74);
line-height: 1.55;
}
body.page-id-514 .gr-app-big-badges {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
}
body.page-id-514 .gr-app-big-badges a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 62px;
min-width: 190px;
padding: 10px 16px;
border-radius: 18px;
background: #000;
border: 1px solid rgba(255,255,255,.28);
box-shadow: 0 16px 36px rgba(0,0,0,.28);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-514 .gr-app-big-badges a:hover {
transform: translateY(-4px) scale(1.03);
border-color: rgba(94,234,212,.52);
}
body.page-id-514 .gr-app-big-badges img {
height: 42px;
width: auto;
object-fit: contain;
}
body.page-id-514 .gr-ad-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 11px 18px;
border-radius: 999px;
color: #06111d;
font-size: 14px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow: 0 16px 34px rgba(45,212,191,.18);
}
body.page-id-514 .gr-album-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
body.page-id-514 .gr-album-card {
overflow: hidden;
border-radius: 24px;
border: 1px solid rgba(148,163,184,.16);
background: rgba(15,23,42,.82);
box-shadow: 0 18px 54px rgba(0,0,0,.24);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-514 .gr-album-card:hover {
transform: translateY(-6px);
border-color: rgba(94,234,212,.42);
}
body.page-id-514 .gr-album-card img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
background: #020617;
}
body.page-id-514 .gr-album-card div {
padding: 18px;
}
body.page-id-514 .gr-album-card h3 {
margin: 0 0 7px;
color: #fff;
font-size: 19px;
letter-spacing: -.03em;
}
body.page-id-514 .gr-album-card p {
margin: 0;
color: rgba(226,232,240,.70);
font-size: 14px;
line-height: 1.45;
}
body.page-id-514 .gr-tamil-action-grid,
body.page-id-514 .gr-album-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-id-514 .gr-station-hero::after {
right: 6%;
opacity: .07;
}
body.page-id-514 .gr-tamil-action-grid,
body.page-id-514 .gr-album-grid {
grid-template-columns: 1fr;
}
body.page-id-514 .gr-app-big-badges a {
width: 100%;
}
body.page-id-514 .gr-tamil-hero-art {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
body.page-id-514 .gr-tamil-hero-art img {
position: absolute;
width: 118px;
height: 118px;
object-fit: cover;
border-radius: 24px;
opacity: .22;
border: 1px solid rgba(255,255,255,.18);
box-shadow: 0 22px 54px rgba(0,0,0,.42);
filter: saturate(1.1) contrast(1.05);
animation: grTamilAlbumFloat 7s ease-in-out infinite;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) {
right: 31%;
top: 13%;
transform: rotate(-10deg);
animation-delay: 0s;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) {
right: 23%;
bottom: 12%;
transform: rotate(8deg);
animation-delay: .8s;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) {
right: 47%;
bottom: 18%;
transform: rotate(-6deg);
animation-delay: 1.4s;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) {
right: 43%;
top: 22%;
transform: rotate(7deg);
animation-delay: 2s;
}
body.page-id-514 .gr-listener-memory {
margin-top: 18px;
display: inline-flex;
align-items: center;
gap: 12px;
max-width: 660px;
padding: 14px 16px;
border-radius: 999px;
background: rgba(2, 6, 23, .52);
border: 1px solid rgba(94, 234, 212, .24);
backdrop-filter: blur(14px);
color: rgba(248, 250, 252, .88);
font-size: 14px;
font-weight: 800;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
animation: grHeroRise .75s ease both;
animation-delay: .32s;
}
body.page-id-514 .gr-listener-memory span {
display: grid;
place-items: center;
width: 30px;
height: 30px;
border-radius: 999px;
color: #06111d;
background: linear-gradient(135deg, #5eead4, #60a5fa);
font-weight: 950;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 84px;
height: 84px;
opacity: .14;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) { right: 6%; top: 10%; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) { right: 12%; bottom: 12%; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) { right: 38%; bottom: 8%; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) { right: 42%; top: 14%; }
body.page-id-514 .gr-listener-memory {
border-radius: 20px;
align-items: flex-start;
}
body.page-id-514 .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 34px !important;
}
body.page-id-514 .gr-station-hero > div:not(.gr-tamil-hero-art) {
position: relative !important;
z-index: 2 !important;
}
body.page-id-514 .gr-station-player-card {
position: relative !important;
z-index: 3 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
}
body.page-id-514 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 176px !important;
height: 176px !important;
opacity: .24 !important;
border-radius: 30px !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) {
right: 36% !important;
top: 9% !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) {
right: 28% !important;
bottom: 9% !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) {
right: 52% !important;
bottom: 12% !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) {
right: 50% !important;
top: 20% !important;
}
body.page-id-514 .gr-listener-memory {
max-width: 660px !important;
}
body.page-id-514 .gr-station-hero {
grid-template-columns: 1fr !important;
}
body.page-id-514 .gr-station-player-card {
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 110px !important;
height: 110px !important;
opacity: .14 !important;
}
body.page-id-514 .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
position: relative !important;
isolation: isolate !important;
}
body.page-id-514 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-514 .gr-station-player-card {
position: relative !important;
z-index: 5 !important;
}
body.page-id-514 .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
}
body.page-id-514 .gr-station-brand-row {
position: relative !important;
z-index: 6 !important;
}
body.page-id-514 .gr-listener-memory {
display: none !important;
}
body.page-id-514 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-514 .gr-tamil-hero-art img {
position: absolute !important;
width: 150px !important;
height: 150px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .18 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) {
left: 48% !important;
top: 9% !important;
right: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) {
left: 58% !important;
top: 34% !important;
right: auto !important;
bottom: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) {
left: 45% !important;
bottom: 10% !important;
right: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) {
left: 66% !important;
bottom: 13% !important;
right: auto !important;
top: auto !important;
}
body.page-id-514 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
body.page-id-514 .gr-station-hero {
grid-template-columns: 1fr !important;
}
body.page-id-514 .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 96px !important;
height: 96px !important;
opacity: .11 !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(n) {
left: auto !important;
right: 6% !important;
}
body.page-id-514 .gr-station-hero {
overflow: hidden !important;
}
body.page-id-514 .gr-station-brand-row {
animation: grTamilHeroContentIn .75s ease both !important;
}
body.page-id-514 .gr-station-hero > div:not(.gr-tamil-hero-art) > p {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .10s !important;
}
body.page-id-514 .gr-station-badges {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .18s !important;
}
body.page-id-514 .gr-tamil-quote {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .26s !important;
}
body.page-id-514 .gr-station-player-card {
animation: grTamilPlayerIn .85s ease both !important;
animation-delay: .18s !important;
}
body.page-id-514 .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
}
body.page-id-514 .gr-tamil-hero-art {
z-index: 1 !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 138px !important;
height: 138px !important;
opacity: .20 !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) {
left: auto !important;
right: 120px !important;
top: 24px !important;
bottom: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) {
left: auto !important;
right: 22px !important;
top: 150px !important;
bottom: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) {
left: auto !important;
right: 260px !important;
top: 210px !important;
bottom: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) {
left: auto !important;
right: 70px !important;
bottom: 28px !important;
top: auto !important;
}
body.page-id-514 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-514 .gr-station-player-card {
z-index: 6 !important;
}
body.page-id-514 .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 88px !important;
height: 88px !important;
opacity: .10 !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) { right: 16px !important; top: 24px !important; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) { right: 112px !important; top: 92px !important; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) { right: 28px !important; top: 176px !important; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) { right: 124px !important; bottom: 30px !important; }
body.page-id-514 .gr-tamil-slider-text {
position: relative;
min-height: 46px;
margin: 12px 0 16px;
overflow: hidden;
}
body.page-id-514 .gr-tamil-slider-text span {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transform: translateY(18px);
color: #ffffff;
font-size: clamp(24px, 3vw, 44px);
line-height: 1.08;
font-weight: 950;
letter-spacing: -0.04em;
text-shadow: 0 16px 44px rgba(0,0,0,.48);
animation: grTamilTextSlider 12s infinite;
}
body.page-id-514 .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s; }
body.page-id-514 .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s; }
body.page-id-514 .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s; }
body.page-id-514 .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s; }
body.page-id-514 .gr-tamil-slider-text {
min-height: 76px;
} .gr-station-template .gr-station-hero-copy {
position: relative !important;
z-index: 6 !important;
min-width: 0 !important;
}
.gr-station-template .gr-station-hero-copy > p {
max-width: 760px !important;
margin: 18px 0 0 !important;
font-size: 18px !important;
line-height: 1.6 !important;
}
.gr-station-template .gr-station-player-card {
position: relative !important;
z-index: 7 !important;
}
.gr-station-template .gr-station-hero {
grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
}
.gr-station-template .gr-tamil-slider-text span {
white-space: normal !important;
}
@media (max-width: 950px) {
.gr-station-template .gr-station-hero {
grid-template-columns: 1fr !important;
}
} body .gr-station-page.gr-station-template .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1.35fr) minmax(320px, 440px) !important;
gap: 44px !important;
align-items: center !important;
padding: 54px !important;
}
body .gr-station-page.gr-station-template .gr-station-hero-copy {
max-width: 620px !important;
}
body .gr-station-page.gr-station-template .gr-station-player-card {
width: 100% !important;
max-width: 440px !important;
justify-self: end !important;
}
body .gr-station-page.gr-station-template .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
pointer-events: none !important;
}
@media (max-width: 900px) {
body .gr-station-page.gr-station-template .gr-station-hero {
grid-template-columns: 1fr !important;
padding: 32px 22px !important;
}
body .gr-station-page.gr-station-template .gr-station-player-card {
max-width: none !important;
justify-self: stretch !important;
}
} .gr-contact-page {
padding: 40px 0 72px;
}
.gr-contact-hero {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: stretch;
margin-bottom: 28px;
}
.gr-contact-hero h1 {
margin: 8px 0 12px;
color: #fff;
font-size: clamp(38px, 5vw, 72px);
line-height: 1;
}
.gr-contact-hero p {
max-width: 760px;
color: rgba(226,232,240,.74);
font-size: 18px;
line-height: 1.65;
}
.gr-contact-info-card,
.gr-contact-form,
.gr-contact-side article {
border: 1px solid rgba(255,255,255,.11);
background: rgba(15,23,42,.76);
border-radius: 24px;
box-shadow: 0 18px 45px rgba(0,0,0,.24);
}
.gr-contact-info-card {
padding: 26px;
display: grid;
gap: 8px;
align-content: center;
}
.gr-contact-info-card strong,
.gr-contact-side h2 {
color: #fff;
}
.gr-contact-info-card a,
.gr-contact-side a {
color: #67e8f9;
font-weight: 900;
text-decoration: none;
}
.gr-contact-info-card span,
.gr-contact-side p {
color: rgba(226,232,240,.7);
}
.gr-contact-grid {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
gap: 24px;
}
.gr-contact-form {
padding: 26px;
display: grid;
gap: 18px;
}
.gr-contact-form label {
display: grid;
gap: 8px;
color: #e5e7eb;
font-weight: 800;
}
.gr-contact-form input,
.gr-contact-form textarea {
width: 100%;
border: 1px solid rgba(255,255,255,.14);
border-radius: 14px;
background: rgba(2,6,23,.72);
color: #fff;
padding: 14px 16px;
font: inherit;
}
.gr-contact-form textarea {
resize: vertical;
}
.gr-contact-form button {
width: fit-content;
border: 0;
border-radius: 999px;
padding: 13px 22px;
background: linear-gradient(135deg, #22d3ee, #a78bfa);
color: #020617;
font-weight: 900;
cursor: pointer;
}
.gr-contact-side {
display: grid;
gap: 18px;
}
.gr-contact-side article {
padding: 24px;
}
.gr-contact-alert {
margin: 0 0 22px;
padding: 14px 18px;
border-radius: 16px;
font-weight: 900;
}
.gr-contact-alert.is-success {
background: rgba(34,197,94,.14);
color: #86efac;
border: 1px solid rgba(34,197,94,.28);
}
.gr-contact-alert.is-error {
background: rgba(248,113,113,.14);
color: #fecaca;
border: 1px solid rgba(248,113,113,.28);
}
.gr-field-hidden {
position: absolute;
left: -9999px;
opacity: 0;
}
@media (max-width: 900px) {
.gr-contact-hero,
.gr-contact-grid {
grid-template-columns: 1fr;
}
} .gr-advertise-page {
padding: 42px 0 76px;
}
.gr-advertise-hero {
position: relative;
overflow: hidden;
padding: 56px;
border-radius: 28px;
border: 1px solid rgba(255,255,255,.12);
background:
radial-gradient(circle at 18% 20%, rgba(34,211,238,.18), transparent 30%),
radial-gradient(circle at 82% 12%, rgba(168,85,247,.18), transparent 28%),
linear-gradient(135deg, #101827, #06111f 58%, #111827);
box-shadow: 0 26px 90px rgba(0,0,0,.34);
}
.gr-advertise-hero h1 {
max-width: 960px;
margin: 10px 0 16px;
color: #fff;
font-size: clamp(40px, 5.5vw, 78px);
line-height: 1;
}
.gr-advertise-hero p {
max-width: 820px;
color: rgba(226,232,240,.76);
font-size: 18px;
line-height: 1.7;
}
.gr-advertise-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 26px;
}
.gr-advertise-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 18px;
border-radius: 999px;
text-decoration: none;
font-weight: 900;
}
.gr-advertise-actions a:first-child {
background: linear-gradient(135deg, #22d3ee, #a78bfa);
color: #020617;
}
.gr-advertise-actions a:last-child {
border: 1px solid rgba(255,255,255,.18);
color: #fff;
background: rgba(255,255,255,.06);
}
.gr-advertise-stats,
.gr-advertise-grid {
display: grid;
gap: 18px;
margin-top: 26px;
}
.gr-advertise-stats {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gr-advertise-stats article,
.gr-advertise-card,
.gr-advertise-form-section {
border: 1px solid rgba(255,255,255,.11);
background: rgba(15,23,42,.76);
border-radius: 24px;
box-shadow: 0 18px 45px rgba(0,0,0,.22);
}
.gr-advertise-stats article {
padding: 22px;
display: grid;
gap: 6px;
}
.gr-advertise-stats strong {
color: #67e8f9;
font-size: 32px;
line-height: 1;
}
.gr-advertise-stats span,
.gr-advertise-card p,
.gr-advertise-form-section p {
color: rgba(226,232,240,.72);
}
.gr-advertise-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gr-advertise-card {
padding: 26px;
}
.gr-advertise-card h2,
.gr-advertise-form-section h2 {
color: #fff;
margin-top: 0;
}
.gr-advertise-form-section {
margin-top: 28px;
padding: 28px;
display: grid;
grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
gap: 28px;
align-items: start;
}
.gr-advertise-form {
background: rgba(2,6,23,.35);
}
@media (max-width: 980px) {
.gr-advertise-stats,
.gr-advertise-grid,
.gr-advertise-form-section {
grid-template-columns: 1fr;
}
.gr-advertise-hero {
padding: 34px 22px;
}
} .gr-privacy-page {
padding: 42px 0 76px;
}
.gr-privacy-hero {
padding: 54px;
border-radius: 28px;
border: 1px solid rgba(255,255,255,.12);
background:
radial-gradient(circle at 18% 20%, rgba(34,211,238,.18), transparent 30%),
radial-gradient(circle at 82% 14%, rgba(168,85,247,.18), transparent 30%),
linear-gradient(135deg, #101827, #06111f 58%, #111827);
box-shadow: 0 26px 90px rgba(0,0,0,.34);
}
.gr-privacy-hero h1 {
max-width: 900px;
margin: 10px 0 16px;
color: #fff;
font-size: clamp(40px, 5.5vw, 76px);
line-height: 1;
}
.gr-privacy-hero p {
max-width: 840px;
color: rgba(226,232,240,.76);
font-size: 18px;
line-height: 1.7;
}
.gr-privacy-hero span {
display: inline-flex;
margin-top: 14px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
color: #e5e7eb;
font-weight: 800;
font-size: 13px;
}
.gr-privacy-layout {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 24px;
margin-top: 28px;
align-items: start;
}
.gr-privacy-nav,
.gr-privacy-content section {
border: 1px solid rgba(255,255,255,.11);
background: rgba(15,23,42,.76);
border-radius: 24px;
box-shadow: 0 18px 45px rgba(0,0,0,.22);
}
.gr-privacy-nav {
position: sticky;
top: 96px;
padding: 16px;
display: grid;
gap: 8px;
}
.gr-privacy-nav a {
padding: 11px 12px;
border-radius: 14px;
color: rgba(226,232,240,.82);
text-decoration: none;
font-weight: 800;
}
.gr-privacy-nav a:hover {
background: rgba(34,211,238,.12);
color: #67e8f9;
}
.gr-privacy-content {
display: grid;
gap: 18px;
}
.gr-privacy-content section {
padding: 26px;
scroll-margin-top: 110px;
}
.gr-privacy-content h2 {
margin-top: 0;
color: #fff;
}
.gr-privacy-content p,
.gr-privacy-content li {
color: rgba(226,232,240,.74);
line-height: 1.7;
}
.gr-privacy-content ul {
margin-bottom: 0;
}
@media (max-width: 900px) {
.gr-privacy-layout {
grid-template-columns: 1fr;
}
.gr-privacy-nav {
position: static;
}
.gr-privacy-hero {
padding: 34px 22px;
}
} .gr-site-header {
position: sticky;
top: 0;
z-index: 9999;
background:
linear-gradient(90deg, rgba(2,6,23,.94), rgba(15,23,42,.9)),
radial-gradient(circle at 16% 50%, rgba(34,211,238,.18), transparent 28%);
backdrop-filter: blur(18px);
border-bottom: 1px solid rgba(255,255,255,.08);
}
.gr-site-branding,
.site-branding,
.custom-logo-link {
position: relative;
}
.gr-site-branding::before,
.site-branding::before {
content: "♪  ♫  ●  ◌  ♬";
position: absolute;
left: 58px;
top: 50%;
transform: translateY(-50%);
color: rgba(34,211,238,.16);
font-size: 34px;
font-weight: 900;
letter-spacing: 10px;
pointer-events: none;
white-space: nowrap;
animation: grBrandNotes 10s linear infinite;
}
.gr-site-title,
.site-title,
.gr-brand-title {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: clamp(24px, 2.1vw, 34px);
font-weight: 950;
letter-spacing: .01em;
line-height: 1;
background: linear-gradient(135deg, #fff 0%, #67e8f9 42%, #a78bfa 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
text-shadow: 0 18px 38px rgba(34,211,238,.18);
}
.gr-site-title::after,
.site-title::after,
.gr-brand-title::after {
content: "Live Indian Radio";
display: inline-flex;
align-items: center;
margin-left: 4px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(34,211,238,.12);
border: 1px solid rgba(34,211,238,.24);
color: #9eeafd;
font-size: 10px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
-webkit-text-fill-color: #9eeafd;
white-space: nowrap;
}
.custom-logo,
.gr-site-logo img,
.site-logo img {
border-radius: 14px;
box-shadow: 0 0 0 1px rgba(255,255,255,.1), 0 14px 32px rgba(34,211,238,.16);
animation: grLogoGlow 4.5s ease-in-out infinite;
}
@keyframes grBrandNotes {
from {
transform: translateY(-50%) translateX(0);
opacity: .35;
}
50% {
opacity: .7;
}
to {
transform: translateY(-50%) translateX(24px);
opacity: .35;
}
}
@keyframes grLogoGlow {
0%, 100% {
box-shadow: 0 0 0 1px rgba(255,255,255,.1), 0 14px 32px rgba(34,211,238,.13);
}
50% {
box-shadow: 0 0 0 1px rgba(34,211,238,.28), 0 18px 42px rgba(167,139,250,.26);
}
}
@media (max-width: 720px) {
.gr-site-branding::before,
.site-branding::before {
display: none;
}
.gr-site-title::after,
.site-title::after,
.gr-brand-title::after {
display: none;
}
} .gr-brand {
position: relative !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
isolation: isolate !important;
}
.gr-brand::before {
content: "♪ ♫ ♬";
position: absolute;
left: 52px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
color: rgba(34,211,238,.22);
font-size: 30px;
font-weight: 900;
letter-spacing: 10px;
white-space: nowrap;
pointer-events: none;
animation: grBrandNotesReal 9s ease-in-out infinite;
}
.gr-brand::after {
content: "";
position: absolute;
inset: -10px -16px;
z-index: -2;
border-radius: 22px;
background:
radial-gradient(circle at 20% 50%, rgba(34,211,238,.16), transparent 42%),
radial-gradient(circle at 80% 50%, rgba(167,139,250,.14), transparent 45%);
opacity: .9;
pointer-events: none;
}
.gr-brand-logo .custom-logo {
width: 46px !important;
height: 46px !important;
object-fit: cover !important;
border-radius: 14px !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 14px 30px rgba(34,211,238,.18) !important;
animation: grLogoGlowReal 4.5s ease-in-out infinite !important;
}
.gr-brand-name {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
color: transparent !important;
background: linear-gradient(135deg, #ffffff 0%, #67e8f9 45%, #a78bfa 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
font-size: clamp(24px, 2vw, 34px) !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: .01em !important;
text-decoration: none !important;
text-shadow: 0 18px 38px rgba(34,211,238,.18) !important;
}
.gr-brand-name::after {
content: "Live Indian Radio";
display: inline-flex;
align-items: center;
margin-left: 4px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(34,211,238,.12);
border: 1px solid rgba(34,211,238,.24);
color: #9eeafd;
-webkit-text-fill-color: #9eeafd;
font-size: 10px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
}
@keyframes grBrandNotesReal {
0%, 100% {
transform: translateY(-50%) translateX(0);
opacity: .35;
}
50% {
transform: translateY(-50%) translateX(22px);
opacity: .75;
}
}
@keyframes grLogoGlowReal {
0%, 100% {
box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 14px 30px rgba(34,211,238,.16);
}
50% {
box-shadow: 0 0 0 1px rgba(34,211,238,.28), 0 18px 44px rgba(167,139,250,.28);
}
}
@media (max-width: 820px) {
.gr-brand::before,
.gr-brand-name::after {
display: none !important;
}
.gr-brand-name {
font-size: 24px !important;
}
}