/*
Theme Name: The Wire
Author: Freerange Future
Author URI: http://freerangefuture.com/
Description: A custom-made responsive theme for The Wire.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html,
body {
  background-color: #fff;
}

body {
  font-family: "sofia-pro",sans-serif;
  font-size: 18px;
}

a {
  color: #2a7ec1;
}

a:hover {
  color: #2a7ec1;
}

.button {
  background-color: #fff;
  border: 2px #404041 solid;
  clear: both;
  color: #404041;
  display: inline-block;
  font-size: 18px;
  height: 38px;
  line-height: 34px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

a.button:hover {
  background-color: #404041;
  color: #fff;
  text-decoration: none;
}

.button span {
  background-color: #404041;
  background-size: contain;
  display: inline-block;
  height: 35px;
  text-indent: -10000px;
  width: 35px;
}

.button.right {
  padding: 0 48px 0 12px;
}

.button.left {
  padding: 0 12px 0 48px;
}

.button.team {
  font-size: 14px;
}

.button.right span {
  background-image: url('images/icons/right.png');
  position: absolute;
  right: 0;
}

a.button.left span {
  background-image: url('images/icons/right.png');
  left: 0;
  position: absolute;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  overflow: hidden;
}

.mobile-nav {
  padding: 15px 15px 0;
  position: relative;
}

.mobile-nav.categories-margin {
  padding: 0;
  margin-bottom: 25px;
}

.mobile-nav a.menu {
  color: #404041;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  right: 15px;
  top: -4px;
}

.mobile-nav a.menu:hover {
  color: #f37d32;
  cursor: pointer;
  text-decoration: none;
}

.mobile-nav ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-nav ul.show {
  display: block;
}

.mobile-nav nav{
  float: left;
  width: 100%;
  margin-top: 20px;
}

.mobile-nav ul li {

}

.mobile-nav ul li a {
  color: #404041;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.mobile-nav ul li a:hover {
  color: #f37d32;
}

header {
  height: 162px;
  position: relative;
}

header img.tagline {
  margin: 0 11px;
}

header h1 {
  background-image: url('images/logo.png');
  background-repeat: no-repeat;
  display: block;
  height: 107px;
  margin: 17px 15px 16px;
  text-indent: -10000px;
  width: 261px;
}

header .social {
  clear: both;
  float: right;
  width: 312px;
}

header .social .left {
  float: left;
}

header .social .right {
  float: right;
}

header .social a,
header .social .search-container, .mobile-nav .social .search-container, .mobile-nav .social a{
  display: inline-block;;
  float: left;
  height: 38px;
  margin: 0 3px 0 0;
  text-indent: -10000px;
  width: 38px;
}

header .social .search-container, .mobile-nav .social .search-container{
  position: relative;
}

header .social .search-container form.search-form, .mobile-nav .social .search-container form.search-form{
  background-color: #ececec;
  display: none;
  height: 38x;
  left: -241px;
  position: absolute;
  top: 0;
  width: 238px;
}

.mobile-nav .social .search-container form.search-form{
  left: 40px;
}

header .social .search-container form.search-form input[type="search"], .mobile-nav .social .search-container form.search-form input[type="search"] {
  background-color: #ececec;
  border-radius: 0;
  border: 0;
  height: 38px;
  left: 0;
  padding: 5px 7px;
  position: absolute;
  top: 0;
  width: 200px;
}

header .social .search-container form.search-form button, .mobile-nav .social .search-container form.search-form button {
  background-color: #f47d33;
  background-image: url('images/icons/right.png');
  background-size: contain;
  border-radius: 0;
  border: 0;
  height: 38px;
  padding: 5px 7px;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px
}

header .social .search-container form.search-form button:hover, .mobile-nav .social .search-container form.search-form button:hover {
  background-color: #404041;
}

header .social .left a, .mobile-nav .social .left a{
  background-color: #f47d33;
}

header .social .left a:last-child {
  margin: 0;
}

header .social .right a {
  background-color: #0075bc;
}

header .social .right a:last-child {
  margin: 0;
}

header .social a:hover, .mobile-nav .social a:hover{
  background-color: #404041;
}

header .social a.search, .mobile-nav .social a.search{
  background-image: url('images/icons/search.png');
  background-size: contain;
}

header .social a.email {
  background-image: url('images/icons/email.png');
  background-size: contain;
}

header .social a.facebook {
  background-image: url('images/icons/facebook.png');
  background-size: contain;
}

header .social a.twitter {
  background-image: url('images/icons/twitter.png');
  background-size: contain;
}

header .social a.tumblr {
  background-image: url('images/icons/tumblr.png');
  background-size: contain;
}

header .idea a{
  border: 2px #404041 solid;
  clear: both;
  color: #404041;
  float: right;
  font-size: 18px;
  height: 38px;
  line-height: 34px;
  margin-left: 12px;
  margin-top: 12px;
  padding: 0 0 0 10px;
  text-transform: uppercase;
  width: 312px;
  border-radius: 0;
  text-align: left;
}

header .idea a:hover{
  background-color: #404041;
  color: #fff;
  text-decoration: none;
}

header .idea a span{
  background-color: #404041;
  background-image: url('images/icons/right.png');
  background-size: contain;
  display: inline-block;
  float: right;
  height: 34px;
  text-indent: -10000px;
  width: 34px;
}

header .idea .stream {
  float: right;
}

header .idea .stream a.button, .side-row .button-groups .stream .listen a{
  border-color: #f48947;
  color: #f48947;
  font-size: 14px;
  line-height: 34px;
}

header .idea .stream a.button:hover, .side-row .button-groups .stream .listen a:hover{
  background-color: #f48947;
  color: #fff;
}

header .idea .stream a.button span, .side-row .button-groups .stream .listen a span{
  background-color: #f48947;
}

header .idea .stream .listen a.pause {
  display: none;
}

header .idea .stream .listen a.pause span, .side-row .button-groups .stream .listen a.pause span {
  background-image: url('images/icons/pause.png');
}

header .idea .stream .listen a span, .side-row .button-groups .stream .listen a.button span{
  background-color: #f37d33;
}

header .idea .stream .listen a:hover, .side-row .button-groups .stream .listen a.button:hover{
  background-color: #f37d33;
}

header nav {
  float: right;
  margin-top: 31px;
}

header nav ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

header nav ul li {
  float: left;
  padding: 0 14px;
}

header nav ul li a {
  color: #404041;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}

header nav ul li:last-child {
  padding-right: 0;
}

header nav ul li a:hover {
  color: #f37d32;
}

.categories {
  background-color: #404041;
  height: 32px;
}

.categories .col-lg-12,
.categories .col-md-12,
.categories .col-sm-12,
.categories .col-xs-12 {
  padding: 0;
}

.categories ul {
  display: table;
  height: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%
}

.categories ul li {
  border-left: 1px white solid;
  border-right: 1px white solid;
  display: table-cell;
  height: 32px;
}

.categories ul li.cat-item-2 {
  background: #be296f;
}

.categories ul li.cat-item-3 {
  background: #ffb819;
}

.categories ul li.cat-item-4 {
  background: #bac10f;
}

.categories ul li.cat-item-5 {
  background: #14b5ff;
}

.categories ul li.cat-item-6 {
  background: #ff4d00;
}

.categories ul li.cat-item-7 {
  background: #92278f;
}

.categories ul li.cat-item-8 {
  background: #9daeab;
}

.categories ul li a {
  background: #404041;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 29px;
  line-height: 29px;
  margin-top: 3px;
  padding: 0 18px;
  text-transform: uppercase;
}

.categories ul li:first-child {
  border-left: 2px white solid;
}

.categories ul li:last-child {
  border-right: 2px white solid;
}

.main-row {
  margin: 50px 0 6px;
}

.main-row .col-lg-8,
.main-row .col-md-8,
.main-row .col-sm-8,
.main-row .col-lg-4,
.main-row .col-md-4,
.main-row .col-sm-4 {
  padding-left: 0;
  padding-right: 0;
}

.today {
  position: relative;
}

.today button {
  background-color: #414141;
  background-size: contain;
  border: none;
  height: 50px;
  margin-top: -60px;
  position: absolute;
  text-indent: -10000px;
  top: 50%;
  width: 50px;
  z-index: 1000;
}

.today button.slick-prev {
  background-image: url('images/icons/right.png');
  left: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  overflow: hidden;
}

.today button.slick-next {
  background-image: url('images/icons/right.png');
  right: 0;
}

.today a.story {
  display: block;
  max-height: 585px;
  width: 100%;
}

.today a.story {
  color: #fff;
}

.today a.story .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 507px;
  overflow: hidden;
  width: 100%;
}

.today a.story .image img {
  width: 100%;
}

.today a.story .info {
  background-color: #404041;
  border-top: 3px solid #404041;
  color: #fff;
  font-size: 18px;
  height: 78px;
  padding: 20px 22px;
  width: 100%;
}

.today a.story .info span {
  font-weight: 700;
  margin-right: 5px;
  text-decoration: underline;
}

.today a.story .cat-item-2 {
  border-color: #be296f;
}

.today a.story .cat-item-3 {
  border-color: #ffb819;
}

.today a.story .cat-item-4 {
  border-color: #bac10f;
}

.today a.story .cat-item-5 {
  border-color: #14b5ff;
}

.today a.story .cat-item-6 {
  border-color: #ff4d00;
}

.today a.story .cat-item-7 {
  border-color: #92278f;
}

.today a.story .cat-item-8 {
  border-color: #9daeab;
}

.side-row {
  background-color: #ececec;
  height: 585px;
  margin: 0;
  overflow: hidden;
}

.side-row .col-lg-12,
.side-row .col-md-12,
.side-row .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.side-row h4 {
  border-bottom: 3px #f47d33 solid;
  color: #f47d33;
  font-size: 18px;
  font-weight: 700;
  margin: 26px 26px 0;
  padding-bottom: 8px;
  text-transform: uppercase;
}

.side-row ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-row ul li {
  margin: 0;
  padding: 0;
  position: relative;
}

.side-row ul li a {
  border-bottom: 1px #dfdfdf solid;
  border-top: 1px #ececec solid;
  color: #000;
  display: block;
  font-size: 16px;
  padding: 9px 26px 6px;
  overflow: hidden;
}

.side-row ul li:last-child a, .side-row .popular ul li:last-child a{
  border-bottom-color: #ececec;
}

.side-row .popular ul li:last-child a:hover{
  border-bottom-color: #000;
}

.side-row .recent ul li a img.wp-post-image{
  width: 30px;
  height: 30px;
  margin-right: 5px;
  float: left;
  margin-top: -3px;
}

.side-row .popular li a img.wpp_def_noPath, .side-row .popular li a img.wpp_imgeditor_error{
  width: 30px;
  height: 30px;
  background: #dfdfdf;
  display: inline-block;
  float: left;
  margin-top: -3px;
  text-indent: -9999px;
  color: transparent!important;
  -webkit-appearance: none!important;
}

.col-sm-* .side-row ul li a {
  font-size: 14px;
}

.side-row .popular ul li a {
  border-top: 1px #ececec solid;
  border-bottom: 1px #dfdfdf solid;
  overflow: hidden;
}

.side-row .popular ul li a img{
  margin-right: 7px;
  margin-top: -3px;
}

.side-row ul li a:hover {
  background-color: #fff;
  border-bottom: 1px #000 solid;
  border-top: 1px #000 solid;
  text-decoration: none;
}

.side-row ul li .bar {
  background-color: #000;
  bottom: 0px;
  height: 1px;
  position: absolute;
  width: 100%;
}

.cta .image-cta {
  margin-top: 40px;
}

.cta .image-cta .image {
  background-position: center;
  background-size: cover;
  height: 353px;
  width: 100%;
}

.cta .on-the-wire,
.cta .a-year-ago-today {

}

.cta h4.on-the-wire {
  border-color: #f47d33;
  color: #f47d33;
}

.cta .on-the-wire .image,
.cta .a-year-ago-today .image,
.cta .in-case-you-missed-it .image,
.cta .earlier-this-week .image{
  background-position: center;
  background-size: cover;
  height: 221px;
  margin-bottom: 4px;
  overflow: hidden;
  width: 100%;
}

.cta .on-the-wire .image img,
.cta .a-year-ago-today .image img {
  width: 100%;
}

.cta .on-the-wire .caption,
.cta .a-year-ago-today .caption {
  background-color: #ececec;
  font-size: 20px;
  padding: 12px;
}

.cta .on-the-wire .caption .title,
.cta .a-year-ago-today .caption .title {
  height: 48px;
  line-height: 24px;
  overflow: hidden;
  width: 100%;
}

.cta .on-the-wire .caption .button,
.cta .a-year-ago-today .caption .button {
  margin-top: 12px;
}

.separator {
  background-color: #ececec;
  height: 1px;
  margin-bottom: 44px;
  margin-top: 44px;
  width: 100%;
}

.sponsors h4 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 0;
  text-align: center;
}

.sponsors .sponsor {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  height: 260px;
  position: relative;
}

.sponsors .sponsor a {
  color: #333;
  display: inline-block;
  height: 100%;
  width: 100%;
}

.sponsors .sponsor span {
  bottom: 0;
  left: 0;
  display: block;
  font-size: 18px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.sponsors .sponsor.twoser {
  background-image: url('images/logos/2ser.png');
}

.sponsors .sponsor.radioadelaide {
  background-image: url('http://de9znd9hicg5y.cloudfront.net/wp-content/uploads/2018/02/23011432/radio-adelaide.png');
}

.sponsors .sponsor.foureb {
  background-image: url('images/logos/4eb.png');
}

.sponsors .sponsor.caama {
  background-image: url('images/logos/caama.png');
}

.sponsors .sponsor.rtr {
  background-image: url('images/logos/rtr.png');
}

.sponsors .sponsor.cbf {
  background-image: url('images/logos/cbf.png');
}

.sponsors .sponsor.cbaa {
  background-image: url('images/logos/cbaa.png');
}

.sponsors .sponsor.crn {
  background-image: url('http://de9znd9hicg5y.cloudfront.net/wp-content/uploads/2020/09/03030800/community-radio.png');
  background-size: 260px;
}

.sponsors .sponsor.bayfm {
  background-image: url('http://de9znd9hicg5y.cloudfront.net/wp-content/uploads/2019/09/16053537/bayfm.png');
}

footer {
  background-color: #ececec;
  margin-top: 44px
}

footer h1 {
  background-image: url('images/logo-footer.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 74px;
  margin: 40px 0;
  text-indent: -10000px;
  width: 100%;
}

footer nav {
  float: right;
  margin-top: 60px;
}

footer nav ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

footer nav ul li {
  float: left;
  padding: 0 18px;
}

footer nav ul li a {
  color: #404041;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
}

footer nav ul li a:hover {
  color: #f37d32;
}

footer nav .social {
  display: inline-block;
}

footer nav .social a {
  display: inline-block;;
  float: left;
  height: 38px;
  margin: 0 3px 0 0;
  text-indent: -10000px;
  width: 38px;
}

footer nav .social a {
  background-color: #0075bc;
}

footer nav .social a:last-child {
  margin: 0;
}

footer nav .social a:hover {
  background-color: #404041;
}

footer nav .social a.facebook {
  background-image: url('images/icons/facebook.png');
  background-size: contain;
}

footer nav .social a.twitter {
  background-image: url('images/icons/twitter.png');
  background-size: contain;
}

footer nav .social a.tumblr {
  background-image: url('images/icons/tumblr.png');
  background-size: contain;
}

.page article,
.story article {

}

.page article header,
.story article header,
.team article header,
.category article header {
  background-color: #ececec;
  height: auto;
  margin-bottom: 44px;
  margin-top: 2px;
}

.page article header h2,
.story article header h2,
.team article header h2,
.category article header h2 {
  font-weight: 700;
  margin-bottom: 14px;
  margin-top: 14px;
  text-transform: uppercase;
}

.page article h3,
.story article h3,
.team article h3,
.category article h3,
.archive article h3 {
  border-bottom: 4px #f47d33 solid;
  color: #f47d33;
  font-size: 19px;
  font-weight: 900;
  margin-top: 44px;
  padding: 4px 0;
  text-transform: uppercase;
}

.page article h3 a,
.story article h3 a,
.team article h3 a,
.category article h3 a,
.archive article h3 a {
  color: #f47d33;
}

.page article h3 a:hover,
.story article h3 a:hover,
.team article h3 a:hover,
.category article h3 a:hover,
.archive article h3 a:hover {
  text-decoration: none;
}

.archive article h3 {
  margin-top: 0;
}

.archive article h4 {
  margin-top: 0;
}

.archive article .pagination-row {

}

.archive article .pagination-row .buttons {
  height: 68px;
  margin: 0 auto;
  position: relative;
  width:278px;
}

.archive article .pagination-row .buttons .calendar, .story.archive .calendar.day{
  background-color: #404041;
  background-image: url('images/icons/calendar.png');
  background-size: contain;
  height: 68px;
  left: 50%;
  margin-left: -35px;
  position: absolute;
  top: 0;
  width: 68px;
}

.archive article .back-to-archive{
  position: relative;
}

.story.archive .calendar.day{
  width: 38px;
  height: 38px;
  background-size: cover;
  left: 260px;
}

.story.archive .calendar.day + .calendar-box{
  top: 0;
  background: #404041;
  height: 185px;
  z-index: 1;
  left: 220px;
}

.calendar-box{
  border-top: 2px solid #f47d33;
  position: absolute;
  background: #404041;
  width: 220px;
  bottom: 0;
  padding: 5px;
  color: #fff;
  z-index: 1;
}

.calendar-box a{
  color: #f47d33;
}

.calendar-box .ui-datepicker-prev, .calendar-box .ui-datepicker-next{
  width: 25px;
  float: left;
  color: #fff;
  text-transform: uppercase;
  background: #404041;
  text-align: center;
  padding: 9px 10px;
  font-size: 16px;
  line-height: 1em;
  position: absolute;
  left: 0;
}

.calendar-box .ui-datepicker-prev:hover, .calendar-box .ui-datepicker-next:hover{
  cursor: pointer;
  text-decoration: none;
  color: #f47d33;
}

.calendar-box .ui-datepicker-next{
  right: 0;
  left: auto;
}

.calendar-box .ui-datepicker-next.ui-state-disabled{
  pointer-events: none;
  cursor: default;
  color: #666;
}

.calendar-box .ui-datepicker-calendar{
  width: 100%;
}

.calendar-box th, .calendar-box td{
  font-size: 16px;
  text-align: center;
}

.calendar-box td.ui-state-disabled span{
  color: #666;
}

.calendar-box .ui-datepicker-title{
  width: calc(100% - 50px);
  margin-left: 25px;
}

.calendar-box select{
  width: calc(50% - 5px);
  color: #404041;
  border: 0;
  margin: 5px 2.5px;
}

.calendar-box .ui-datepicker-header{
  float: left;
  width: 100%;
  position: relative;
}

.calendar-box .ui-datepicker-week-end a{
  color: #666;
  pointer-events: none!important;
  cursor: default!important;
}

.story.archive .meta.produced_by{
  background-color: #ececec;
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
  width: 100%
}

.story.archive .meta.produced_by span{
  float: left;
}

.story.archive .meta.produced_by ul{
  list-style: none;
  display: inline-block;
  float: left;
  padding-left: 5px;
  margin: 0;
}

.story.archive .meta.produced_by ul a{
  color: #333;
}

.story.archive .meta.produced_by ul a:hover{
  color: #2a7ec1;
  text-decoration: none;
}

.archive article .pagination-row .buttons .button.right,
.archive article .pagination-row .buttons .button.left {
  float: none;
  margin-top: -17px;
  position: absolute;
  top: 50%;
}

.archive article .pagination-row .buttons .button.right {
  right: 0;
}

.archive article .pagination-row .buttons .button.left {
  left: 0;
}

.archive article .full_story {
  height: 38px;
}

.page .links .link {
  height: 38px;
  margin-top: 12px;
  position: relative;
}

.page .links .link .button {
  border: 2px #f47d33 solid;
  color: #f47d33;
  width: 312px;
}

.page .links .link a {
  background-color: #f47d33;
  display: inline-block;
  height: 38px;
  position: absolute;
  text-indent: -10000px;
  width: 38px;
}

.page .links .link a:hover {
  background-color: #404041;
}

.page .links .link a.rss {
  background-image: url('images/icons/rss.png');
  background-size: contain;
  left: 312px;
  top: 0;
}

.page .links .link a.itunes {
  background-image: url('images/icons/radio.png');
  background-size: contain;
  left: 353px;
  top: 0;
}

.page #tabs {
  margin: 44px 0;
}

.page ul.menu {
  display: block;
  list-style: none;
  margin: 0 0 44px;
  padding: 0;
}

.page ul.menu li {
  display: inline-block;
  margin: 0 3px 0 0;
  padding: 0;
  margin-right: -3px;
  min-width: 11%;
}

.team ul.menu li {
  margin-right: 2px;
}

.page ul.margin-fix li {
  margin-right: -2px;
}

.page ul.menu li a {
  background-color: #404041;
  color: #fff;
  display: inline-block;
  height: 54px;
  line-height: 54px;
  margin: 0;
  padding: 0 14px;
  text-align: center;
  width: 100%;
}

.page ul.menu li a:hover {
  background-color: #f47d33;
  color: #fff;
  text-decoration: none;
}

.page ul.menu li.ui-tabs-active,
.page ul.menu li.current_page_item {
  border-bottom: 3px #f47d33 solid;
}

.page .tabs-content {

}

.page .tabs-content table {
  width: 100%;
}

.page .tabs-content table caption {
  border-bottom: 4px #f47d33 solid;
  color: #f47d33;
  font-weight: 700;
  padding: 4px 0;
}

.page .tabs-content table tr.border {
  border-top: 2px #ececec solid;
}

.page .tabs-content table th,
.page .tabs-content table td {
  padding: 14px 0;
}

.page .tabs-content table th.name {
  width: 40%;
}

.page .tabs-content table th.time {
  width: 40%;
}

.page .tabs-content table th.network {
  width: 20%;
}

.story article header h2 {
  margin-bottom: 24px;
}

.story article .left-buttons {
  margin-top: 33px;
  margin-bottom: 19px;
}

.story article .right-buttons {
  margin-top: 33px;
  margin-bottom: 19px;
}

.story article .stream-all {
  float: right;
}

.story article .stream-all a.button {
  border-color: #f48947;
  color: #f48947;
}

.story article .stream-all a.button:hover {
  background-color: #f48947;
  color: #fff;
}

.story article .stream-all a.button span {
  background-color: #f48947;
}

.story article .archive,
.story article .day,
.story article .embed,
.story article .share {
  display: inline-block;
}

.story article .embed,
.story article .share {
  float: right;
}

.story article .share .share-button {
  display: inline-block;
  float: left;
  margin-bottom: 14px;
  width: 100%;
}

.story article .share .share-button span {
  background-color: #fff;
  border: 2px #2a7ec1 solid;
  border-right: none;
  clear: both;
  color: #2a7ec1;
  display: inline-block;
  float: left;
  font-size: 18px;
  height: 38px;
  line-height: 34px;
  padding: 0 14px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

.story article .share .share-button a {
  background-color: #2a7ec1;
  background-size: contain;
  display: inline-block;
  height: 38px;
  text-indent: -10000px;
  width: 38px;
  float: left;
}

.story article .share .share-button a:hover {
  background-color: #404041;
}

.story article .share .share-button a.facebook {
  background-image: url('images/icons/facebook.png');
  margin-right: 3px;
}

.story article .share .share-button a.twitter {
  background-image: url('images/icons/twitter.png');
  margin-right: 3px;
}

.story article .share .share-button a.email {
  background-image: url('images/icons/email.png');
  margin-right: 3px
}

.story article .share .share-button a.tumblr {
  background-image: url('images/icons/tumblr.png');
}

.story article .share .share-button .archive {
  margin-right: 14px;
}

.story article .embed {
  margin-right: 14px;
}

.story article .archive a:hover,
.story article .day a:hover,
.story article .embed a:hover,
.story article .share a:hover {
  text-decoration: none;
}

.story article .embed a span,
.story article .share a span {
  float: right;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  overflow: hidden;
}

.story article .share a {
  border-color: #2a7ec1;
  color: #2a7ec1;
}

.story article .share a:hover {
  background-color: #2a7ec1;
  color: #fff;
}

.story article .share a span {
  background-color: #2a7ec1;
}

.story article .category {
  border-top: 4px #4a4a4b solid;
  margin-bottom: 4px;
}

.story article .category.cat-item-2 {
  border-color: #be296f;
}

.story article .category.cat-item-3 {
  border-color: #ffb819;
}

.story article .category.cat-item-4 {
  border-color: #bac10f;
}

.story article .category.cat-item-5 {
  border-color: #14b5ff;
}

.story article .category.cat-item-6 {
  border-color: #ff4d00;
}

.story article .category.cat-item-7 {
  border-color: #92278f;
}

.story article .category.cat-item-8 {
  border-color: #9daeab;
}

.story article.cat-item-8 .content {
  border-color: #9daeab;
}

.story article img {
  margin-bottom: 10px;
  width: 100%;
}

.story article p img {
  margin-bottom: 10px;
  width: auto;
}

.story article span.caption {
  font-size: 14px;
}

.story article .content {
  margin-top: 44px;
  overflow: hidden;
}

.story article .metas {
  background-color: #ececec;
  padding: 15px;
}

.story article .metas .date {
  border-bottom: 4px #333 solid;
  font-size: 19px;
  font-weight: 900;
  text-transform: uppercase;
}

.story article .metas .meta {
  border-bottom: 1px #333 solid;
  margin-top: 20px;
  padding-bottom: 20px;
}

.story article .metas .meta span.heading {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}

.story article .metas .meta span.speaker {
  display: block;
  font-size: 17px;
}

.story article .metas .meta ul {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.story article .metas .meta ul li {
  float: left;
  display: inline-block;
  margin-right: 14px;
}

.story article .metas .meta ul li a {
  color: #333;
}

.story article .metas .meta ul li a:hover {
  color: #2a7ec1;
}

.story article .related {

}

.story article .related .heading {
  border-bottom: 4px #333 solid;
  font-size: 19px;
  font-weight: 900;
  margin-top: 44px;
  text-transform: uppercase;
}

.story article .related ul {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.story article .related ul li {
  font-size: 16px;
  margin: 14px 0;
}

.archive {

}

.archive article .back-to-archive {
  margin-bottom: 19px;
  margin-top: 33px;
}

.archive article h2 {
  line-height: 26px;
}

.archive article h2 a {
  display: inline-block;;
  height: 29px;
  text-indent: -10000px;
  width: 18px;
}

.archive article h2 a.left {
  background-image: url(images/icons/day_right.png);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  overflow: hidden;
}

.archive article h2 a.right {
  background-image: url(images/icons/day_right.png);
}

.archive article{
  border-bottom: 2px #ececec solid;
  margin-bottom: 22px;
  overflow: hidden;
  padding-bottom: 22px;
}

.archive article h4,
.cta h4 {
  border-bottom: 3px solid #333;
  font-size: 20px;
  margin-bottom: 4px;
  padding-bottom: 4px
}

.cta h4 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.archive article h4 a:hover {
  text-decoration: none;
}

.archive article h4.cat-item-2,
.archive article h4.cat-item-2 a,
.cat h4.cat-item-2 {
  border-color: #be296f;
  color: #be296f;
}


.archive article h4.cat-item-3,
.archive article h4.cat-item-3 a,
.cta h4.cat-item-3 {
  border-color: #ffb819;
  color: #ffb819;
}

.archive article h4.cat-item-4,
.archive article h4.cat-item-4 a,
.cta h4.cat-item-4 {
  border-color: #bac10f;
  color: #bac10f;
}

.archive article h4.cat-item-5,
.archive article h4.cat-item-5 a,
.cta h4.cat-item-5 {
  border-color: #14b5ff;
  color: #14b5ff;
}

.archive article h4.cat-item-6,
.archive article h4.cat-item-6 a,
.cta h4.cat-item-6 {
  border-color: #ff4d00;
  color: #ff4d00;
}

.archive article h4.cat-item-7,
.archive article h4.cat-item-7 a,
.cta h4.cat-item-7 {
  border-color: #92278f;
  color: #92278f;
}

.archive article h4.cat-item-8,
.archive article h4.cat-item-8 a,
.cta h4.cat-item-8 {
  border-color: #9daeab;
  color: #9daeab;
}

.archive article .top-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 374px;
  margin-bottom: 4px;
  overflow: hidden;
}

.archive article .image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 236px;
  margin-bottom: 4px;
  overflow: hidden;
}

.archive article span.produced-by {
  background-color: #ececec;
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
  width: 100%;
}

.archive article .content {
  margin-bottom: 14px;
  margin-top: 8px;
  overflow: hidden;
}

.week-archive article h4 {
  border: none;
  padding: 0;
}

.week-archive article .full_story {
  margin-bottom: 14px;
}

.week-archive article .full_story .button {
  width: 100%;
}

.week-archive article .content {
  height: auto;
}

.week-archive article .also-today {
  color: #f47d33;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 24px;
  text-transform: uppercase;
}

.week-archive article ul.sub-days {
  font-size: 16px;
  list-style: none;
  margin-bottom: 24px;
  padding: 0;
}

.week-archive article ul.sub-days li {

}

.archive article .listen a:hover,
.archive article .full_story a:hover {
  background-color: #404041;
  color: #fff;
  text-decoration: none;
}

.archive article .listen a {
  border-color: #f37d33;
  color: #f37d33;
  display: inline-block;
  float: left;
  margin-right: 12px;
}

.archive article .listen a.pause {
  display: none;
}

.archive article .listen a.pause span {
  background-image: url('images/icons/pause.png');
}

.archive article .listen a span {
  background-color: #f37d33;
}

.archive article .listen a:hover {
  background-color: #f37d33;
}

.archive article .on-the-wire {

}

.archive article .on-the-wire .heading {
  border-bottom: 3px #05b0ff solid;
  color: #05b0ff;
  font-size: 19px;
  margin-bottom: 4px;
  margin-top: 22px;
}

.archive article .on-the-wire .box {
  margin-bottom: 22px;
}

.archive article .on-the-wire .box img {
  margin-bottom: 4px;
}

.archive article .on-the-wire .box .caption {
  background-color: #ececec;
  color: #333;
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
  width: 100%;
}

.team {

}

.team article header h2 {
  margin: 16px 0;
}

.team #tabs {
  margin-top: 0;
}

.team .member {
  border-bottom: 2px #ececec solid;
  margin-bottom: 44px;
  padding-bottom: 34px;
}

.team .member h3 {
  margin-top: 0;
}

.team .member img {
  margin-bottom: 10px;
  width: 100%;
}

.team .member a.button {
  margin-top: 65px;
  width: 175px;
}

.team .archive {
  margin: 14px 0;
}

.team .archive .button {
  width: 100%;
}

.team .image img {
  width: 100%;
}

.team article h3 {
  margin-top: 0;
  padding-top: 0;
}

.team .image .caption span {
  background-color: #ececec;
  color: #333;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 14px;
  padding: 5px 10px;
  width: 100%;
}

.team .all-stories {
  margin-top: 44px;
}

.team .follow {
  display: inline-block;
  float: left;
  margin-bottom: 14px;
  width: 100%;
}

.team .follow span {
  background-color: #fff;
  border: 2px #2a7ec1 solid;
  border-right: none;
  clear: both;
  color: #2a7ec1;
  display: inline-block;
  float: left;
  font-size: 18px;
  height: 38px;
  line-height: 34px;
  padding: 0 14px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

.team .follow a {
  background-color: #2a7ec1;
  background-size: contain;
  display: inline-block;
  height: 38px;
  text-indent: -10000px;
  width: 38px;
  float: left;
}

.team .follow a:hover {
  background-color: #404041;
}

.team .follow a.facebook {
  background-image: url('images/icons/facebook.png');
  margin-right: 4px;
}

.team .follow a.twitter {
  background-image: url('images/icons/twitter.png');
}

.team article .recent h4 {
  color: #f47d33;
  font-size: 19px;
  font-weight: bold;
  margin-top: 44px;
  text-transform: uppercase;
}

.team article .recent ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.team article .recent ul li {
  font-size: 18px;
  margin-bottom: 5px;
}

.page .story-idea {
  margin-top: 44px;
}

.page .story-idea input,
.page .story-idea textarea {
  background-color: #ececec;
  border: none;
  max-width: 334px;
  width: 100% !important;
}

.audio-player {
  border: 2px #ececec solid;
  height: 54px;
  margin-bottom: 14px;
  padding: 8px 0;
  width: 100%;
}

.audio-player .col-lg-1,
.audio-player .col-md-1,
.audio-player .col-sm-2,
.audio-player .col-lg-2,
.audio-player .col-md-2,
.audio-player .col-xs-2,
.audio-player .col-sm-3,
.audio-player .col-xs-3,
.audio-player .col-sm-7,
.audio-player .col-xs-7,
.audio-player .col-lg-9,
.audio-player .col-md-9 {
  padding-left: 8px;
  padding-right: 8px;
}

.audio-player .play,
.audio-player .pause {
  background-color: #f37d33;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  height: 34px;
  margin-right: 8px;
  text-indent: -10000px;
  width: 100%;
}

.audio-player .play:hover,
.audio-player .pause:hover {
  background-color: #404041;
  cursor: pointer;
}

.audio-player .play {
  background-image: url('images/icons/play.png');
}

.audio-player .pause {
  background-image: url('images/icons/pause.png');
  display: none;
}

.audio-player .volumebar {
  background-color: #ececec;
  border: 2px #ececec solid;
  float: left;
  height: 17px;
  width: 100%;
}

.audio-player .volumebar .volumebarvalue {
  background-color: #f37d33;
  height: 100%;
  width: 0%;
}

.audio-player .progressbar {
  border: 2px #ececec solid;
  float: left;
  height: 17px;
  width: 100%;
}

.audio-player .progressbar .seek-bar {
  background-color: #ececec;
  height: 100%;
  width: 0%;
}

.audio-player .progressbar .seek-bar .play-bar {
  background-color: #f37d33;
  height: 100%;
  width: 0%;
}

.audio-player .times {
  float: left;
  font-size: 14px;
  height: 17px;
  line-height: 17px;
  width: 100%;
}

.audio-player .times .current-time {
  float: left;
}

.audio-player .times .duration {
  float: right;
}

.category article .category-item {
  border-bottom: 2px #ececec solid;
  margin-bottom: 22px;
  overflow: hidden;
  padding-bottom: 22px;
}

.category article .category-item .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin-bottom: 4px;
  overflow: hidden;
}

.category article .category-item h4 {
  border-bottom: 4px #f47d33 solid;
  color: #f47d33;
  font-size: 19px;
  font-weight: 900;
  margin-top: 0;
  padding-bottom: 4px;
  text-transform: uppercase;
}

.category article .category-item h4 a {
  color: #f47d33;
}

.category article .category-item h4 a:hover {
  text-decoration: none;
}

.category article .category-item .date {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 6px;
}

.category article .category-item .content {
  margin-bottom: 14px;
}

.category article .category-item span.produced-by {
  background-color: #ececec;
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
  width: 100%;
}

.category article .pagination {
  width: 100%;
}

.category article .pagination a.nextpostslink {
  float: right;
}

.listen-to-todays-show .stream{
  width: 33.33%;
  float: right;
}

.listen-to-todays-show .stream a.button{
  width: 100%;
}

.side-row .button.todays-stories img{
  display: none;
}

.side-row .button.todays-stories{
  margin: 5px 0;
  width: 100%;
  font-size: 14px;
}

.side-row .button-groups{
    float: left;
    width: calc(100% - 52px);
    margin: 5px 26px 0;
}

.side-row .button-groups .stream .listen a{
  width: 100%;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
  width: 100%;
  border: 1px solid #ececec;
  padding: 7px 5px;
}

.gform_wrapper textarea{
  width: 100%!important;
  border: 1px solid #ececec;
}

.gform_wrapper input:focus, .gform_wrapper textarea:focus{
  outline: none;
}

.gform_wrapper span.gform_description{
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 25px;
}

.gform_wrapper .gform_footer{
  padding: 0!important;
  margin-left: 120px!important;
  width: calc(100% - 120px)!important;
}

.gform_wrapper{
  margin: 10px 0 0 10px;
}

.gform_wrapper ul.gform_fields .gfield_label{
  width: 120px!important;
  margin-top: 5px;
  font-weight: 500;
}

.gform_wrapper ul.gform_fields li .ginput_container{
  width: calc(100% - 120px)!important;
  margin-left: 120px!important;
}

.gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.captcha-widget{
  margin-left: 120px!important;
}

.page-content.page-not-found{
  padding: 40px 0;
}

.page-content.page-not-found #searchsubmit{
  background-color: #fff;
  border: 2px #404041 solid;
  clear: both;
  color: #404041;
  display: inline-block;
  font-size: 18px;
  line-height: 34px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  padding-left: 0 20px;
}

.page-content.page-not-found #searchsubmit:hover{
  background-color: #404041;
  color: #fff;
}

.page-content.page-not-found input[type="text"]{
  border: 2px solid #404041;
  padding: 6px 5px;
  position: relative;
  top: 1px;
}

.wpp-list li img{
  width: 30px;
  height: 30px;
}

.popular-posts::marker{
  content: none;
}

.tptn_posts_list_widget::marker{
  content: none;
}

.tptn_posts_list_widget{
  color: #f47d33;
  font-size: 18px;
  font-weight: 700;
  margin: 26px 26px 0;
  text-transform: uppercase;
}
.tptn_posts_list_widget .tptn_posts_widget{
  border-top: 3px solid #f47d33;
  margin-top: 8px;
}
.tptn_posts_list_widget ul{
  margin: 0 -26px;
  border-top: ;
}
.tptn_posts_list_widget li{
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.3em;
}
#gform_1 .ginput_container.ginput_recaptcha{
  margin-left: 120px!important;
}
.fade.show{
  opacity: 1;
}
.modal-backdrop{
  background-color: #00000099;
}
.modal.fade.show .modal-dialog{
  -webkit-transform: translate(0,0%);
  -ms-transform: translate(0,0%);
  -o-transform: translate(0,0%);
  transform: translate(0,0%);
}
.modal-content{
  background-color: #f9f9f9;
}
.modal-header{
  padding: 0;
  border-bottom: 0;
}
.modal-header .close{
  opacity: 1;
  color: #fff;
  background: #444;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  font-weight: 400;
  border: 2px solid #fff;
  position: absolute;
  right: -15px;
  top: -10px;
  z-index: 99;
}
.modal-dialog {
  width: 100%;
  margin: 0 auto;
  max-width: 695px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  height: 100%;
}
.modal .gform_wrapper ul.gform_fields .gfield_label{
  font-size: 16px;
}
.modal-header .close span{
  font-family: Arial;
  font-size: 22px;
  font-weight: 300;
}

@media (max-width: 1200px) {

  header nav ul li a {
    font-size: 18px;
  }

  .today a.story .info {
    padding: 10px 22px;
  }

}

@media (max-width: 992px) {

  .side-row ul li a {
    font-size: 15px;
  }

  header img.tagline {
    display: block;
    margin: 20px auto 0;
    width: 400px;
  }

  header h1 {
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
    display: block;
    height: 107px;
    margin: 20px auto 0;
    text-indent: -10000px;
    width: 261px;
  }

  header nav {
    float: left;
    margin-bottom: 14px;
    margin-top: 14px;
  }

  header nav ul li a {
    font-size: 18px;
  }

}

@media (max-width: 768px) {

  header h1 {
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
    display: block;
    height: 107px;
    margin: 40px auto 0;
    text-indent: -10000px;
    width: 261px;
  }

  .today a.story .info {
    padding: 10px 22px;
  }

  footer nav {
    margin: 0;
  }

}

@media (max-width: 641px) {
  #gform_1 .ginput_container.ginput_recaptcha{
    margin-left: 0!important;
  }
  .gform_wrapper ul.gform_fields .gfield_label{
    width: 100%!important;
  }
  .gform_wrapper ul.gform_fields li .ginput_container{
    width: 100%!important;
    margin-left: 0!important;
  }
  .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.captcha-widget {
    margin-left: 0!important;
  }
  .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    min-height: 40px!important;
    line-height: 20px!important;
  }
  body .gform_wrapper ul li.gfield{
    margin-top: 0!important;
    margin-bottom: 10px!important;
  }
  .gform_wrapper .gform_footer{
    margin-left: 0!important;
    width: 100%!important;
  }
  .gform_wrapper .gform_footer input{
    float: left;
  }
}

@media (max-width: 470px) {

  .today a.story .info {
    padding: 10px 22px;
  }

  .story article .archive,
  .story article .day,
  .story article .embed,
  .story article .share {
    width: 100%;
  }

  .story article .archive .button,
  .story article .day .button,
  .story article .embed .button {
    width: 100%;
  }

  .story article .left-buttons {
    margin-bottom: 0;
  }

  .story article .right-buttons {
    margin: 0;
  }

  footer nav {
    margin: 0;
  }

  footer nav ul {
    width: 60%;
  }

  .page ul.menu li {
    width: 100%;
  }
  .story.archive .calendar.day + .calendar-box{
    left: auto;
    right: 0;
  }

}

@media (max-width: 414px) {

  .main-row {
    margin: 24px 0 6px;
  }

  .side-row {
    height: auto;
    padding-bottom: 26px;
  }

  header {
    height: auto;
  }

  header h1 {
    margin: 0 auto 14px;
  }

  header img.tagline {
      display: block;
      margin: 20px 0 0;
      padding: 0 20px;
      width: 100%;
  }

  .story article header {
    margin-bottom: 14px;
  }

  .story article header h2 {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .story article .content {
    margin: 14px 0 4px;
  }

}

@media (max-width: 320px) {
  .mobile-nav .social .search-container form.search-form input[type="search"]{
    width: 150px;
  }
  .mobile-nav .social .search-container form.search-form{
    width: 188px;
  }
}