<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" lang="en-US">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Warren, Pa. Radio Stations | 92 Gold | 104.3 Kinzua Country | HAPPI Radio</title>
<meta name="description" content="Warren radio stations - Listen to 92 Gold, the greatest hits play here; 104.3 Kinzua Country, Warren's country station; and HAPPI Radio, the most hit music." />
<!-- Favicons -->
<link rel="icon" href="assets/images/cropped-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="assets/images/cropped-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="assets/images/cropped-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="assets/images/cropped-favicon-270x270.png" />
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133029988-31"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-133029988-31');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DY4XRW9DKM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DY4XRW9DKM');
</script>
<!-- Remote Fonts -->
<link rel="stylesheet" href="https://use.typekit.net/qjq2olx.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,hebrew,latin,latin-ext,vietnamese&display=swap">
<!-- Local Font Awesome -->
<link rel="stylesheet" href="assets/fonts/font-awesome/css/all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome-pro/css/all.css">
<style type="text/css">
/* CSS Variables */
:root {
--accent-blue: #283883;
--accent-darkblue: #141c42;
--accent-grey: #c9c9c9;
--accent-darkgrey: #171717;
}
/* Reset and Base Styles */
a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
article,aside,footer,header,hgroup,nav,section{display:block}
/* Typography */
body, p {
font-family: 'sofia-pro', 'Open Sans', Arial, sans-serif;
font-size: 14px;
color: #666;
background-color: #fff;
line-height: 1.7em;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
color: #2ea3f2;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
p {
padding-bottom: 1em;
line-height: 2em;
}
p:not(.has-background):last-of-type {
padding-bottom: 0;
}
strong {
font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
color: #333;
padding-bottom: 10px;
line-height: 1em;
font-weight: 500;
font-family: 'sofia-pro', 'Open Sans', Arial, sans-serif;
}
h1 {
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 22px;
}
/* Layout */
.container {
width: 90%;
max-width: 1400px;
margin: auto;
position: relative;
}
.clear {
clear: both;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/* Colors */
body {
color: #4c4e4d;
}
h1, h2, h3, h4, h5, h6 {
color: #171717;
}
a {
color: #283883;
}
/* Header Styles */
#main-header {
background-color: #fff;
padding: 25px 32px;
box-shadow: 0 1px 0 rgba(0,0,0,.1);
position: relative;
z-index: 999;
}
#navigation-wrapper {
background-color: #ffffff;
position: relative;
transition: all .4s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
max-width: 1400px;
margin: 0 auto;
}
#header-logo {
text-align: center;
}
#header-logo a {
display: inline-block;
text-decoration: none;
}
#header-logo img {
width: 320px;
height: auto;
}
/* Hero Section - From Original CSS */
#homepage-hero {
background: linear-gradient(rgba(40, 56, 131, .65), rgba(20, 28, 66, .65)), url(assets/images/mobile-equalizer.jpg);
background-color: #03051c;
background-position: bottom;
background-size: cover;
padding: 0;
position: relative;
overflow: hidden;
}
#homepage-hero .et_pb_row:first-of-type {
background: linear-gradient(rgba(40, 56, 131, .65), rgba(20, 28, 66, .65)), url(assets/images/mobile-equalizer.jpg);
background-color: #03051c;
background-position: bottom;
background-size: cover;
padding: 50px 0 150px;
}
#homepage-hero .et_pb_row:first-of-type:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(40, 56, 131, 0.8) 0%, rgba(20, 28, 66, 0.9) 100%);
z-index: 1;
}
#homepage-hero .et_pb_column {
position: relative;
z-index: 2;
}
#homepage-hero-bg {
background-size: 100%;
bottom: 240px;
display: none;
height: 100%;
left: 0;
position: absolute;
width: 100%;
}
#homepage-hero h1 {
padding: 80px 50px 50px;
color: #fff !important;
font-size: 2.75em;
font-weight: 900;
text-transform: uppercase;
text-align: center;
margin-bottom: 0;
}
#homepage-hero-stations {
position: relative;
}
#homepage-hero-stations:after {
background: linear-gradient(to right, #ffffff, #c9c9c9);
bottom: 0;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
width: 100%;
z-index: 0;
}
@media (max-width: 980px) {
#homepage-hero-stations:after {
display: none;
}
}
.radio-station {
margin: 0 auto 50px auto;
position: relative;
box-shadow: none;
border: none;
}
.radio-station:last-of-type {
margin-bottom: 0;
}
.radio-station > h3 {
opacity: .5;
text-align: center;
width: 100%;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 40px;
font-size: 32px;
font-weight: 800;
font-family: 'sofia-pro', 'Open Sans', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
transition: opacity 0.3s ease;
}
.radio-station:hover > h3 {
opacity: 1;
}
.radio-tabs {
background-color: transparent;
display: flex;
margin-bottom: 0;
box-shadow: none;
border: none;
}
.radio-tabs div:first-of-type {
position: relative;
width: 33.33%;
background-color: #ffffff;
}
.radio-tabs div:first-of-type img {
left: 50%;
max-height: 75%;
max-width: 85%;
object-fit: contain;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.radio-tabs div:last-of-type {
background-color: #272727;
color: #ffffff;
display: flex;
flex-grow: 1;
font-size: 1em;
font-weight: bold;
justify-content: flex-end;
align-items: center;
letter-spacing: 1px;
padding: 20px;
text-transform: uppercase;
}
.radio-tabs div:last-of-type span {
display: flex;
align-items: center;
gap: 10px;
}
.radio-tabs div:last-of-type span:after {
content: "";
background-image: url('assets/images/play.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.radio-station:hover .radio-tabs div:last-of-type {
background-color: #283883;
}
.radio-card {
background-color: #ffffff;
display: block;
padding: 12px;
position: relative;
box-shadow: none;
border: none;
}
.radio-card:after {
content: "";
display: block;
padding-bottom: 110%;
}
.radio-card > div {
bottom: 12px;
left: 12px;
overflow: hidden;
position: absolute;
right: 12px;
top: 12px;
}
.radio-card > div:before {
background: linear-gradient(#283883, #141c42);
content: "";
display: block;
height: 100%;
left: 0;
mix-blend-mode: multiply;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.2s ease 0s;
width: 100%;
z-index: 1;
}
.radio-station:hover .radio-card > div:before {
opacity: 1;
}
.radio-card > div img {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.radio-card > div h3 {
font-size: 2.5em;
padding: 25px;
position: relative;
text-shadow: 0 3px 6px rgba(17, 17, 17, .3);
z-index: 2;
color: #fff;
font-weight: 800;
font-family: 'sofia-pro', 'Open Sans', Arial, sans-serif;
text-transform: uppercase;
text-align: left;
margin: 0;
line-height: 1.2;
}
.radio-card > div span {
bottom: 25px;
color: #ffffff;
display: flex;
font-size: .875em;
font-weight: bold;
letter-spacing: 1px;
position: absolute;
right: 25px;
text-transform: uppercase;
z-index: 2;
align-items: center;
}
.radio-card > div span:after {
content: "";
background-image: url('assets/images/signal-stream.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 32px;
height: 32px;
margin-left: 10px;
display: inline-block;
filter: brightness(0) invert(1);
}
/* Section Styles */
.et_pb_section {
position: relative;
background-color: #fff;
background-position: 50%;
background-size: cover;
padding: 0;
}
.et_pb_row {
width: 90%;
max-width: 1400px;
margin: auto;
position: relative;
padding: 0;
}
.et_pb_column {
float: left;
background-size: cover;
background-position: 50%;
position: relative;
z-index: 2;
min-height: 1px;
}
.et_pb_column_4_4 {
width: 100%;
}
.et_pb_row .et_pb_column.et-last-child,
.et_pb_row .et_pb_column:last-child {
margin-right: 0 !important;
}
/* Text Module */
.et_pb_text {
word-wrap: break-word;
}
.et_pb_text_align_center {
text-align: center;
}
.et_pb_bg_layout_dark {
color: #fff !important;
}
.et_pb_bg_layout_dark h1 {
color: #fff !important;
}
/* Footer */
#main-footer {
background-color: #f8f8f8;
padding: 30px 0;
border: none;
}
#footer-bar {
background-color: #f8f8f8;
padding: 30px 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#lilly-broadcasting {
text-align: center;
}
#lilly-broadcasting a {
display: flex;
align-items: center;
gap: 15px;
text-decoration: none;
color: #666;
text-align: center;
font-weight: 500;
transition: color 0.3s ease;
}
#lilly-broadcasting a:hover {
color: #283883;
}
#lilly-broadcasting img {
max-height: 40px;
width: auto;
}
#lilly-broadcasting div:first-child {
font-size: 16px;
}
/* Desktop Specific Styles - From Original CSS */
@media (min-width: 981px) {
#homepage-hero {
background: linear-gradient(180deg, #03051c 0%, #03051c 50%, #f8f8f8 80%, #f8f8f8 100%);
}
#homepage-hero .et_pb_row:first-of-type {
background: linear-gradient(180deg, #03051c 0%, #03051c 50%, #f8f8f8 80%, #f8f8f8 100%);
}
#homepage-hero-bg {
display: block;
background-image: url('assets/images/equalizer.jpg');
background-size: cover;
background-position: center;
}
#homepage-hero h1 {
font-size: 4.5em;
padding: 100px 50px 80px;
}
#homepage-hero-stations:after {
display: none;
}
#radio-stations {
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: 1500px;
position: relative;
width: 90%;
z-index: 1;
padding: 80px 0 120px;
}
.radio-station {
box-shadow: 0 3px 6px rgba(17, 17, 17, .2);
margin-bottom: 0;
width: 32.125%;
}
.radio-station > h3 {
left: 0;
position: absolute;
top: 0;
transform: translateY(-100%);
}
.radio-card > div h3 {
font-size: 2.5em;
}
}
/* Responsive Design */
@media (max-width: 980px) {
#main-header {
padding: 40px 32px;
}
#navigation-wrapper {
padding: 0 15px;
}
#company-logo img {
max-height: 85px;
}
#homepage-hero {
padding: 0;
}
#radio-stations {
flex-direction: column;
align-items: center;
padding: 50px 20px;
gap: 50px;
width: 95%;
}
.radio-station {
width: 100%;
max-width: 500px;
}
.et_pb_row {
width: 95%;
}
.et_pb_column {
width: 100%;
margin-bottom: 0;
margin-right: 0 !important;
}
h1 {
font-size: 46px !important;
}
.radio-station h3 {
font-size: 32px;
margin-bottom: 8px;
}
.radio-tabs {
padding: 15px 0;
box-shadow: none;
border: none;
margin-bottom: 0;
}
.radio-tabs img {
max-width: 120px;
}
.radio-tabs span {
font-size: 14px;
}
.radio-card {
height: 450px;
}
.radio-card h3 {
font-size: 28px;
}
/* Remove overlay on mobile */
.radio-card > div:before {
display: none;
}
}
@media (max-width: 767px) {
#main-header {
padding: 30px 32px;
}
#navigation-wrapper {
padding: 0 10px;
}
#company-logo img {
max-height: 45px;
}
#homepage-hero {
padding: 0;
}
#radio-stations {
padding: 40px 15px;
gap: 40px;
}
.radio-station {
max-width: 400px;
}
.radio-station h3 {
font-size: 28px;
margin-bottom: 5px;
}
.radio-tabs {
padding: 12px 0 0 0;
box-shadow: none;
border: none;
margin-bottom: 0;
}
.radio-tabs img {
max-width: 100px;
}
.radio-tabs span {
font-size: 12px;
}
.radio-card {
height: 420px;
}
.radio-card h3 {
font-size: 24px;
}
h1 {
font-size: 42px !important;
line-height: 1.2 !important;
}
/* Remove overlay on mobile */
.radio-card > div:before {
display: none;
}
}
@media (max-width: 479px) {
#main-header {
padding: 25px 32px;
}
#company-logo img {
max-height: 40px;
}
.et_pb_column {
width: 100% !important;
margin: 0 !important;
}
#radio-stations {
padding: 30px 10px;
gap: 35px;
}
.radio-station {
max-width: 320px;
}
.radio-station h3 {
font-size: 24px;
margin-bottom: 3px;
}
.radio-tabs {
padding: 10px 0;
box-shadow: none;
border: none;
margin-bottom: 0;
}
.radio-tabs img {
max-width: 80px;
}
.radio-tabs span {
font-size: 11px;
}
.radio-card {
height: 380px;
}
.radio-card h3 {
font-size: 20px;
}
.radio-card span {
font-size: 10px;
padding: 6px 10px;
}
h1 {
font-size: 38px !important;
}
/* Remove overlay on mobile */
.radio-card > div:before {
display: none;
}
}
/* Focus styles for accessibility */
.radio-tabs:focus, .radio-card:focus {
outline: 3px solid rgba(255,255,255,0.5);
outline-offset: 2px;
}
/* Image loading optimization */
.radio-tabs img, .radio-card img {
transition: opacity 0.3s ease;
}
</style>
</head>
<body class="home page-template-default page page-id-261 et_pb_button_helper_class et_fullwidth_nav et_fixed_nav et_show_nav et_primary_nav_dropdown_animation_fade et_secondary_nav_dropdown_animation_fade et_header_style_left et_pb_svg_logo et_pb_footer_columns4 et_cover_background et_pb_gutter osx et_pb_gutters3 et_pb_pagebuilder_layout et_no_sidebar et_divi_theme et-db layouts-active">
<div id="page-container">
<!-- Header -->
<header id="main-header">
<div id="navigation-wrapper">
<div id="header-logo">
<a href="/">
<img src="assets/images/logo.svg" alt="Warren Radio" />
</a>
</div>
</div>
</header>
<!-- Hero Section with Radio Stations -->
<div id="homepage-hero" class="et_pb_section">
<div id="homepage-hero-bg"></div>
<div class="et_pb_row">
<div class="et_pb_column et_pb_column_4_4 et-last-child">
<div class="et_pb_text et_pb_text_align_center et_pb_bg_layout_dark">
<h1>The Best Radio Comes from the Banks of the Allegheny</h1>
</div>
<div id="homepage-hero-stations" class="et_pb_module et_pb_code et_pb_code_4 et_pb_bg_layout_dark">
<div class="et_pb_code_inner">
<div id="radio-stations">
<div class="radio-station">
<h3 class="transition">92 Gold</h3>
<a href="https://rdo.to/wrrn" class="radio-tabs" aria-label="Listen live to 92 Gold">
<div>
<img src="assets/images/92gold.svg" alt="92 Gold" />
</div>
<div class="transition">
<span>Listen Live</span>
</div>
</a>
<a href="https://92gold.com/" class="radio-card" aria-label="Visit 92 Gold website">
<div>
<img src="assets/images/featured-92gold-wpv_600x600_center_center.jpg" alt="92 Gold" />
<h3>The Greatest Hits</h3>
<span>More</span>
</div>
</a>
</div>
<div class="radio-station">
<h3 class="transition">104.3 Kinzua Country</h3>
<a href="https://rdo.to/wnae" class="radio-tabs" aria-label="Listen live to 104.3 Kinzua Country">
<div>
<img src="assets/images/kinzua-logo.svg" alt="104.3 Kinzua Country" />
</div>
<div class="transition">
<span>Listen Live</span>
</div>
</a>
<a href="https://kinzuacountry.com/" class="radio-card" aria-label="Visit 104.3 Kinzua Country website">
<div>
<img src="assets/images/featured-kinzua-wpv_600x600_center_center.jpg" alt="104.3 Kinzua Country" />
<h3>Warren's Country Station</h3>
<span>More</span>
</div>
</a>
</div>
<div class="radio-station">
<h3 class="transition">HAPPI Radio</h3>
<a href="https://rdo.to/wicu" class="radio-tabs" aria-label="Listen live to HAPPI Radio">
<div>
<img src="assets/images/warren-happi.svg" alt="HAPPI Radio" />
</div>
<div class="transition">
<span>Listen Live</span>
</div>
</a>
<a href="https://happi927.com/" class="radio-card" aria-label="Visit HAPPI Radio website">
<div>
<img src="assets/images/featured-happi-wpv_600x600_center_center.jpg" alt="HAPPI Radio" />
<h3>Most Hit Music</h3>
<span>More</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="main-footer">
<div id="footer-bar">
<div id="lilly-broadcasting">
<a href="https://lillybroadcasting.com" target="_blank" rel="noopener">
<div>Locally Owned and Operated by</div>
<img src="assets/images/lillybroadcasting-logo.png" alt="Lilly Broadcasting" loading="lazy" />
</a>
</div>
</div>
</footer>
</div>
</body>
</html>
