/*
Theme Name: WKOA-FM
Author: Saga Communications
Author URI: http://sagacom.com/
Description: The child theme for WKOA-FM.
Template: country
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wcvl-fm
*/
@import url("../country/style.css");

/**------------------------------
ELEMENTS
--------------------------------*/
body {
  background: #0070BA;
  background-image: none;

}

.logo img {
  height: 100px;
  padding-top: 10px;
}

.post-title,
h2.archive-page-title,
#breadcrumb a,
.item h2 a,
footer a,
footer a:hover,
footer a:focus,
#featuredshow .widget a,
#featuredshow .widget a:hover,
#featuredshow .widget a:focus,
#stationbar a,
a,
a:focus,
a:active,
a:hover,
.entry-meta a,
.entry-footer a,
ul ul li.has_children > a:after,
ul ul ul li.has_children > a:after,
ul ul ul ul li.has_children > a:after,
.alertmessage {
  color: #D22333;
}

.pagination .current {
  background-color: #D22333;
}

.alertmessage {
  border-color: #D22333;
}

#selector li.activeSlide a {
  background-color: #D22333;
  background-color: rgba(210,35,51,0.8);
}

.widget h1, #dynamiclead h1, article h1 {
  background: #0070BA;
  color: #fff;
}

/**------------------------------
HEADER
--------------------------------*/

#masthead {
  background: #e3e3e3;
}

.listenlive {
  text-align: right;
  overflow: hidden;
}

.listenlive a {
  display: block;
  float: right;
  width: 300px;
  height: 120px;
  background-size: 300px 120px;
  background: transparent url(img/listen-live.png) no-repeat 0 0;
  background-image: -webkit-image-set(url(img/listen-live.png) 1x,
  url(img/listen-live@2x.png) 2x);
  background-image: -o-image-set(url(img/listen-live.png) 1x,
  url(img/listen-live@2x.png) 2x);
  background-image: -ms-image-set(url(img/listen-live.png) 1x,
  url(img/listen-live@2x.png) 2x);
}


.p3home {
	width: 300px;
	height: 130px;
	background-size: 300px 130px;
	background: transparent url(/wp-content/themes/wkoa-fm/img/p3-weather.png) no-repeat 0 0;
}
.p3home a {
	display: block;
	width: 300px;
	height: 130px;
}

/**------------------------------
FOOTER
--------------------------------*/
.footerads {
  margin: 0 0 20px 0;
}

.footerads .span12 {
  height: 90px;
  line-height: 90px;
  text-align: center;
}

.row.footerads.hidden-phone {
  margin-left: -20px;
}

footer, #featuredshow {
  background-image: none;
}

/*
.onlineoutlet {
  width: 300px;
  height: 130px;
  background-size: 300px 130px;
  background: transparent url(img/hootstach.jpg) no-repeat 0 0;
  background-image: -webkit-image-set(url(img/hootstach.jpg) 1x,
  url(img/hootstash@2x.jpg) 2x);
  background-image: -o-image-set(url(img/hootstach.jpg) 1x,
  url(img/hootstash@2x.jpg) 2x);
  background-image: -ms-image-set(url(img/hootstach.jpg) 1x,
  url(img/hootstash@2x.jpg) 2x);
  color: #ffffff;
}

.innerdeal {
  width: 270px;
  padding: 70px 0 0 17px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  text-align: left;
}

.onlineoutlet a {
  color: #ffffff;
}*/

/* Overrides */



@media only screen and (max-width: 800px) {

	#selector li.activeSlide a {
		background-color: #D22333;
		background-color: rgba(210,35,51,0.8);
	}

}

.flair {
  background: none;
}

p.artist-title {
  display: block;
  position: absolute;
  bottom: -51px;
  padding: 10px;
  width: 278px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;;
}

.centered-logo {
  display: block;
  width: 220px;
  height: 120px;
  background-size: 220px 120px;
  background: transparent url(img/centered-logo.png) no-repeat 0 0;
  background-image: -webkit-image-set(url(img/centered-logo.png) 1x,
  url(img/centered-logo@2x.png) 2x);
  background-image: -o-image-set(url(img/centered-logo.png) 1x,
  url(img/centered-logo@2x.png) 2x);
  background-image: -ms-image-set(url(img/centered-logo.png) 1x,
  url(img/centered-logo@2x.png) 2x);
  color: #ffffff;
}

.centered-logo span {
  display: none;
}
/* Cares for Kids Widget */
.cares-for-kids-widget {
  width: 300px;
  height: 130px;
  -webkit-background-size: 300px 130px;
  background-size: 300px 130px;
  background: transparent url('img/wcnr-cares-for-kids.jpg') no-repeat 0 0;
  color: #569339;
  margin-top: 20px;
}
/* Cares for Kids Widget */
.cares-for-kids-widget .total {
  width: 300px;
  padding: 80px 0 0 0;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.6em;
  text-align: center;
}
.cares-for-kids-widget .total a {
  display: block;
  text-decoration: none;
  color: #094D96;
  transition: color 0.3s;
}
.cares-for-kids-widget .total a:visited {
  color: #094D96;
}
.cares-for-kids-widget .total a:hover,
.cares-for-kids-widget .total a:focus {
  color: #0c66c6;
}
/* Cares for Kids Template */
.cares-for-kids-sponsors {
  text-align: center;
  margin-bottom: 20px;
}
.cares-for-kids-sponsors p {
  text-transform: uppercase;
  color: #999999;
  margin: 20px 0 10px;
  font-size: 12px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.cares-for-kids-sponsors a img {
  width: 200px;
  margin-bottom: 20px;
  padding: 0 20px;
}
.cares-for-kids-total {
  text-align: center;
  margin: 20px 0 50px;
}
.cares-for-kids-total span {
  display: block;
  text-transform: uppercase;
  color: #999999;
  margin: 20px 0 10px;
  font-size: 12px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.cares-for-kids-total p {
  font-size: 60px;
  padding: 0;
  margin: 0;
  color: #094D96;
}