/*
Theme Name: WMOM Neon Theme
Version: 2.0
*/

body{

margin:0;

background:#050505;

color:white;

font-family:Segoe UI, Arial, sans-serif;

padding-bottom:190px;

}

/* HEADER */

.site-header{

background:black;

border-bottom:2px solid #e10600;

padding:18px;

text-align:center;

}

.main-menu{

list-style:none;

display:flex;

justify-content:center;

gap:35px;

margin:0;

padding:0;

}

.main-menu a{

color:white;

font-weight:bold;

text-transform:uppercase;

letter-spacing:1px;

text-decoration:none;

font-size:15px;

transition:.25s;

}

.main-menu a:hover{

color:#ff2a2a;

text-shadow:0 0 10px rgba(225,6,0,.6);

}

/* HERO */

.hero{

text-align:center;

padding:70px 20px;

}

.hero-logo{

max-width:520px;

width:90%;

filter:

drop-shadow(0 0 15px rgba(225,6,0,.5))

drop-shadow(0 0 35px rgba(225,6,0,.2));

}

.hero-tagline{

font-size:22px;

opacity:.85;

letter-spacing:1px;

}

/* NEWS TICKER */

.wmom-news-ticker{

position:fixed;

bottom:75px;

left:0;

right:0;

background:white;

border-top:2px solid #e10600;

border-bottom:2px solid #e10600;

z-index:9998;

overflow:hidden;

}

.ticker-wrap{

display:flex;

gap:90px;

white-space:nowrap;

animation:ticker 25s linear infinite;

padding:10px;

font-family:Montserrat, Arial, sans-serif;

font-size:15px;

}

.ticker-item a{

color:black;

font-weight:600;

text-decoration:none;

}

.ticker-item a:hover{

color:#e10600;

}

@keyframes ticker{

0%{

transform:translateX(100%);

}

100%{

transform:translateX(-100%);

}

}

/* PLAYER */

.sticky-player{

position:fixed;

bottom:0;

left:0;

right:0;

background:#0b0b0b;

border-top:3px solid #e10600;

padding:12px;

display:flex;

justify-content:center;

z-index:9999;

box-shadow:

0 -5px 20px rgba(0,0,0,.7);

}

.player-pill{

display:flex;

gap:15px;

align-items:center;

}

.player-button{

width:50px;

height:50px;

border-radius:50%;

border:none;

background:linear-gradient(

#ff2a2a,

#e10600

);

color:white;

font-size:18px;

cursor:pointer;

box-shadow:

0 0 15px rgba(225,6,0,.4);

}

.player-button:hover{

transform:scale(1.07);

}

.player-meta{

display:flex;

flex-direction:column;

}

.player-label{

font-size:11px;

letter-spacing:1px;

opacity:.7;

}

.player-now{

font-weight:bold;

font-size:15px;

}

/* CONTACT PAGE */

.contact-page{

max-width:1100px;

margin:auto;

padding:40px 20px 260px;

}

.contact-hero{

text-align:center;

margin-bottom:40px;

}

.contact-hero h1{

font-size:42px;

letter-spacing:1px;

margin-bottom:20px;

text-shadow:

0 0 20px rgba(225,6,0,.25);

}

.contact-intro{

max-width:780px;

margin:auto;

font-size:18px;

line-height:1.8;

opacity:.85;

}

.contact-card{

background:linear-gradient(

rgba(255,255,255,.04),

rgba(255,255,255,.02)

);

border:1px solid rgba(255,255,255,.08);

border-radius:14px;

padding:30px;

margin-bottom:40px;

box-shadow:

0 0 25px rgba(0,0,0,.6);

}

.contact-details{

font-size:18px;

line-height:1.9;

text-align:center;

}

.contact-details a{

color:#ff2a2a;

font-weight:bold;

}

.map-section{

text-align:center;

margin-bottom:40px;

}

.map-frame{

padding:15px;

border-radius:14px;

background:

linear-gradient(

rgba(255,255,255,.05),

rgba(255,255,255,.02)

);

box-shadow:

0 0 40px rgba(0,0,0,.7);

}

.coverage-map{

width:100%;

max-width:900px;

border-radius:10px;

transition:.4s;

}

.coverage-map:hover{

transform:scale(1.02);

}

/* FORM */

.contact-form{

max-width:650px;

margin:auto;

display:flex;

flex-direction:column;

gap:18px;

}

.contact-form input,
.contact-form textarea{

padding:15px;

background:#0b0b0b;

color:white;

border:1px solid rgba(255,255,255,.08);

border-radius:8px;

font-size:15px;

}

.contact-form textarea{

min-height:160px;

}

.contact-form input:focus,
.contact-form textarea:focus{

outline:none;

border:1px solid rgba(225,6,0,.6);

box-shadow:

0 0 12px rgba(225,6,0,.3);

}

.contact-form button{

background:linear-gradient(

#ff2a2a,

#e10600

);

color:white;

border:none;

padding:16px;

font-weight:bold;

font-size:16px;

border-radius:8px;

cursor:pointer;

transition:.2s;

}

.contact-form button:hover{

transform:scale(1.04);

box-shadow:

0 0 20px rgba(225,6,0,.5);

}

.captcha{

font-size:14px;

opacity:.8;

}

/* MOBILE */

@media(max-width:700px){

.contact-hero h1{

font-size:30px;

}

.contact-page{

padding-bottom:320px;

}

.hero{

padding:40px 15px;

}

.hero-tagline{

font-size:18px;

}

.main-menu{

gap:18px;

flex-wrap:wrap;

}

}