body {
  background: #000;
  position: relative;
  height: 100%;
  font: 14px 'Open Sans', Arial, Helvetica, Times;
}
body.cfm-stream-playing .big-play-button .play-icon {
  display: none;
}
body.cfm-stream-playing .big-play-button .pause-icon {
  display: inline-block;
}
body.cfm-stream-playing .cfm-stream-main-button .play-icon {
  display: none;
}
body.cfm-stream-playing .cfm-stream-main-button .pause-icon {
  display: inline-block;
}
body.preview .main-toolbar .inner {
  display: none;
}
h1,
h2,
h3,
h4 {
  font-family: 'Open Sans', Arial, Helvetica, Times;
}
img,
.image-popup-vertical-fit img {
  max-width: 100%;
  width: 600px !important;
}
.imagekusf {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.imagekusfig {
  max-width: 500px;
  width: 100%;
  height: 100px;
}
.imagekusf2 {
  max-width: 500px;
  height: 75px;
  margin: 0 auto;
}
.imagekusflogo {
  margin: auto;
  width: auto;
  height: auto;
  max-height: 75px;
  max-width: 100px;
}
.leftColumn {
  float: left;
  margin: 0;
  padding: 1em;
}
.rightColumn {
  margin-left: 170px;
  padding: 1em;
  overflow: hidden;
}
.currentMusicNavBox {
  width: 350px;
  height: 60px;
  float: left;
}
.on-air-sign {
  width: 225px;
  margin: auto;
  background-color: #f00;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}
.coming-up-sign {
  margin: auto;
  display: inline-block;
  padding: 0px 20px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}
.now-playing-container {
  overflow: auto;
}
.dividerBar {
  width: auto;
  height: 10px;
  background-color: #2c2826;
}
.centerDiv {
  height: 110px;
  width: 110px;
  margin: auto;
  display: flex;
}
.streamStartingSoon-container {
  text-align: center;
  position: absolute;
  top: 150px;
  width: 100%;
}
.streamStartingSoon {
  font-weight: bold;
  color: #fff;
  padding: 8px 20px;
  background-color: #65d1d4;
  opacity: 0.9;
  margin: auto;
  border-radius: 5px;
  display: inline-block;
}
.scrollup {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 100px;
  display: none;
  text-indent: -9999px;
  background: url("https://kusf-media.b-cdn.net/file/backToTop.svg") no-repeat;
  background-size: 75%;
  background-position: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
}
.textAlignCenter {
  text-align: center;
}
.mainboxcontainer {
  display: inline-block;
  text-align: center;
  margin: auto;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: auto;
}
.box2 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 340px;
  height: 460px;
  margin: 1em;
}
.box3 {
  vertical-align: middle;
  text-align: center;
  width: 340px;
  height: 200px;
  margin: auto;
}
.twittercenter {
  margin: auto;
  width: 400px;
}
.do415 {
  display: block;
  text-align: center;
  color: #777;
  background: #b3e5e3;
  box-shadow: inset 0 1px 4px rgba(0,0,0,0.14);
  padding: 10px 14px 15px 10px;
  border-radius: 10px;
  max-width: 500px;
  margin: auto;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}
.navbar {
  margin-bottom: 0;
  background-color: #000;
  border: 0;
  font-size: 11px !important;
  color: #fff;
  letter-spacing: 0.5px;
  opacity: 0.9;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
}
.navbar .navbar-collapse {
  text-align: center;
  float: right;
}
.navbar li a,
.navbar .navbar-brand {
  color: #fff !important;
}
.navbar-brand {
  height: auto;
  width: auto;
}
.navbar-nav li a:hover {
  color: #f00 !important;
}
.navbar-nav li.active a {
  color: #fff !important;
  background-color: #000 !important;
}
.navbar-nav > li.social-buttons-nav-container {
  padding: 20px;
  float: right !important;
  clear: both !important;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
}
.open .dropdown-toggle {
  color: #000;
  background-color: #000 !important;
}
.dropdown-menu li a {
  color: #f00 !important;
}
.dropdown-menu li a:hover {
  background-color: #000 !important;
}
a:hover,
a:active,
color white,
a:focus {
  color: #f00;
  text-decoration: none;
}
.cfm-edit-content {
  margin: 0 0 0px 0px;
  display: inline-block;
}
.cfm-edit-content a {
  color: #999;
  display: inline-block;
  padding: 8px;
  background: #eee;
  border-radius: 4px;
  line-height: 1;
}
.cfm-edit-content a:hover {
  text-decoration: underline;
  color: #999;
}
.main-header .name-or-logo a img,
.return-to-homepage {
  margin: 30px 0 0 0;
}
.listen-text {
  margin: 0 3px 0 6px;
}
#top-message {
  position: fixed;
  width: 300px;
  text-align: center;
  background: #eee;
  font-size: 14px;
  padding: 8px 10px;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 9999;
  border-radius: 0 0 10px 0;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.container {
  max-width: 1000px;
  overflow: auto;
}
.container-fluid {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 10px;
}
#main-toolbar {
  position: fixed;
  z-index: 100;
  width: 100%;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 -5px 0 rgba(0,0,0,0.1);
}
#main-toolbar .inner {
  transition: all 0.3s;
  border-top: 0;
  padding: 6px 8px;
  position: relative;
  font-size: 13px;
  color: #000;
}
#main-toolbar .inner a {
  color: #000;
}
#main-toolbar .inner a:hover {
  color: #555;
  opacity: 0.9;
}
#main-toolbar .inner a.sign-in {
  padding: 8px 0;
  text-decoration: none;
  font-weight: 600;
}
#main-toolbar .inner .toolbar-item {
  display: block;
  float: left;
  padding: 12px;
}
#main-toolbar .inner .alt {
  opacity: 0.4;
  font-size: 18px;
  padding: 9px 8px;
}
#main-toolbar .inner .show-title {
  margin: 0 10px 0 0;
}
#main-toolbar .inner .show-time {
  opacity: 0.6;
}
#main-toolbar .inner .links {
  float: left;
  left: 0;
  bottom: 0;
  padding: 12px 40px 8px 0;
  z-index: 1;
}
#main-toolbar .inner .links a {
  padding: 4px 12px 6px 12px;
  display: inline-block;
  border-radius: 10px;
}
#main-toolbar .inner .links a:hover {
  text-decoration: none;
}
#main-toolbar .inner .links a.donate {
  margin-left: 8px;
}
#main-toolbar .inner .cfm-stream-main-button {
  color: #000;
  display: block;
  float: left;
  font-size: 34px;
  padding: 0px 12px 40px 12px;
  margin-top: -6px;
  margin-bottom: -46px;
  width: 42px;
  outline: none;
}
#main-toolbar .inner .cfm-stream-main-button .play-icon {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
}
#main-toolbar .inner .cfm-stream-stop-button {
  margin-top: -4px;
  margin-bottom: -42px;
}
#main-toolbar .inner .cfm-stream-stop-button .play-icon {
  display: none;
}
#main-toolbar .inner .cfm-stream-stop-button .pause-icon {
  display: inline-block;
}
#main-toolbar .inner .cfm-stream-play-button .play-icon {
  display: inline-block;
}
#main-toolbar .inner .cfm-stream-play-button .pause-icon {
  display: none;
}
#main-toolbar .inner .user-panel {
  float: right;
  padding: 0px 0px 0 0;
  font-size: 13px;
}
#main-toolbar .inner .user-panel .facebook-image {
  max-width: 30px;
  margin: 0 10px;
}
#main-toolbar .inner .user-panel a {
  color: #09b;
  border-left: 1px solid rgba(255,255,255,0.4);
}
#main-toolbar .inner .user-panel a:last-child {
  border: 0;
}
#main-toolbar .inner .user-panel .divider {
  display: none;
}
#main-toolbar .inner .user-panel a,
#main-toolbar .inner .user-panel .display-name {
  padding: 4px 4px;
  margin: 6px 0;
  border-right: 1px solid rgba(255,255,255,0.2);
  float: left;
}
.cfm-stream-main-button {
  float: left;
  padding: 12px 15px;
  display: block;
}
.cfm-stream-main-button .play-icon {
  display: inline-block;
}
.cfm-stream-main-button .pause-icon {
  display: none;
}
.not-active {
  pointer-events: none;
  cursor: default;
}
.main-cover {
  background: url("https://kusf-media.b-cdn.net/image/original/KUSF-cover-image-studio-1.gif") center top no-repeat;
  background-size: cover;
  text-align: center;
  padding: 0px 0 0px 0;
  position: relative;
}
.main-cover .main-cover-inner {
  padding: 40px 0 40px 0;
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  height: 550px;
}
.main-cover .big-play-button {
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -90px;
}
.main-cover .big-play-button .listen {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
}
.main-cover .big-play-button a.cfm-stream-main-button {
  display: block;
  position: relative;
}
.main-cover .big-play-button .fa-play {
  position: absolute;
  display: block;
  margin: 0;
  color: #ffbc0f;
  font-size: 90px;
  left: 5px;
  top: 55px;
}
.main-cover .big-play-button .fa-pause {
  position: absolute;
  display: block;
  margin: 0;
  color: #ffbc0f;
  font-size: 90px;
  left: 0px;
  top: 55px;
  display: none;
}
.main-cover .big-play-button .loading-icon {
  position: absolute;
  display: block;
  margin: 0;
  color: #fff;
  font-size: 90px;
  left: 0px;
  top: 55px;
}
.main-cover .big-play-button .circle-icon {
  position: absolute;
  display: block;
  margin: 0;
  color: #fff;
  font-size: 280px;
  left: -40px;
  top: 0px;
}
.main-cover .name-or-logo {
  margin: 0 0 30px 20px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 60px 0px 0 0;
}
.main-cover .name-or-logo a {
  border: 0;
  color: #fff;
  font: 40px 'ashby_lightregular';
  display: block;
  margin: 0 auto;
  max-width: 200px;
}
.main-cover .name-or-logo a img {
  width: 100%;
  height: auto;
  width: auto;
}
.main-cover .name-or-logo a:hover {
  border: 0;
}
.main-cover-tint {
  background-color: rgba(70,70,70,0.5);
}
.nav-currently-broadcasting {
  float: left;
}
.social-buttons-container .social-button {
  font-size: 28px;
  margin-right: 0px;
}
.social-buttons-container .social-button:hover {
  opacity: 0.9;
}
.social-buttons-container .social-icon {
  color: #fff;
  position: relative;
  z-index: 10;
}
.social-buttons-container .social-button-facebook .fa-facebook {
  color: #fff;
}
.social-buttons-container .social-button-facebook .fa-circle {
  color: #5f7bba;
}
.social-buttons-container .social-button-twitter .fa-twitter {
  color: #fff;
}
.social-buttons-container .social-button-twitter .fa-circle {
  color: #93ccee;
}
.social-buttons-container .social-button-instagram .fa-instagram {
  color: #fff;
}
.social-buttons-container .social-button-instagram .fa-circle {
  color: #125688;
}
.social-buttons-container .social-button-tunein .icon-tunein-icon {
  color: #fff;
}
.social-buttons-container .social-button-tunein .fa-circle {
  color: #2ab4a6;
}
#mobile-nav {
  display: none;
}
#main-nav {
  position: relative;
  z-index: 10;
  background: #fff;
  box-shadow: 0 5px 0 rgba(0,0,0,0.08);
  text-align: center;
  padding: 0 10px;
}
#main-nav .social-buttons-container {
  display: none;
}
#main-nav a {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 800;
  padding: 18px 20px;
  display: inline-block;
}
#main-nav a:hover {
  color: #555;
}
.main-content {
  padding: 20px;
  position: relative;
  z-index: 6;
  margin: 0 0 40px 0;
  background: url("https://kusf-media.b-cdn.net/image/original/KUSF_Hamburger_BG.gif") center top;
}
.main-content .center {
  position: relative;
  max-width: 1000px;
  overflow: auto;
  padding: 0 10px;
  margin: 0 0px 0px 0px;
  background: #ede5d9;
  line-height: 1.6;
  border-color: #000;
  border-radius: 10px;
}
.main-content .center .spacer {
  height: 70px;
}
.footer {
  text-align: center;
}
.footer .inner {
  padding: 0px 0 40px 0;
  margin: 0 auto 70px auto;
}
.footer .links {
  margin: 10px 0 12px 0;
  font-size: 14px;
  text-transform: uppercase;
}
.footer .links ul {
  margin: 0;
  padding: 0;
}
.footer .links li {
  list-style: none;
  margin: 0 20px 0 0;
  display: inline-block;
}
.footer .links a {
  color: #fff;
  text-decoration: none;
}
.footer .links a:hover {
  color: #ee3223;
}
.footer .links a.sign-in {
  color: #fff;
  background: #f00;
  border-radius: 6px;
  padding: 3px 5px;
}
.footer .links a.sign-in:hover {
  color: #000;
}
.home-container {
  padding: 28px;
}
.home-container h2 {
  font-size: 38px;
  font-weight: 800;
  margin: 0 0 20px 0;
}
#home-content-render {
  text-align: center;
}
#home-content-render h2 {
  text-align: left;
  margin: 0 0 20px 20px;
}
#home-content-render .content-post {
  text-align: left;
}
#home-content-render .content-post h2 {
  margin: 0 0 10px 0;
  font-size: 26px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
}
#home-content-render .content-post p {
  text-align: left;
}
#home-content-render .content-block {
  vertical-align: top;
  text-align: center;
  display: inline-block;
  width: 46%;
  margin: 0 15px 30px 15px;
}
#home-content-render .content-block .image-link {
  display: block;
  position: relative;
  padding: 20px;
  background-position: center center;
  background-size: cover;
  height: 250px;
  margin: 0 0 14px 0;
}
#home-content-render .content-block .image-link h2 {
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: block;
  font-size: 38px;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  margin: 60px 0 0 0;
  text-shadow: 0 1px 8px rgba(0,0,0,0.7);
}
#home-content-render .content-block .broadcasts .broadcast {
  text-align: left;
  padding: 8px 0;
  border-bottom: 3px solid #e7e8e0;
  font-size: 16px;
}
#home-content-render .content-block .broadcasts .broadcast:last-child {
  border-bottom: 0;
}
#home-content-render .content-block .broadcasts .broadcast .time {
  color: #999;
  margin: 0 8px 0 0;
}
#home-featured-posts {
  height: 360px;
  position: relative;
  margin: 0 0 30px 0;
}
#home-featured-posts .inner {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
}
#home-featured-posts .inner .info {
  position: relative;
  z-index: 1;
  padding: 10px 20px 18px 20px;
  float: left;
  clear: left;
  max-width: 70%;
  background: rgba(80,80,80,0.5);
  border-radius: 0px 5px 0px 0;
  color: #fff;
  font-size: 14px;
}
#home-featured-posts .inner a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
#home-featured-posts .click-region {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
}
#home-featured-posts .swap-links {
  font-weight: bold;
  background: #ccc;
  float: left;
  position: relative;
  z-index: 2;
}
#home-featured-posts .swap-links a {
  color: #999;
  font-size: 20px;
  padding: 4px 10px;
  float: left;
}
#home-featured-posts .swap-links a:hover {
  background: #f93;
  color: #fff;
  text-decoration: none;
}
#home-featured-posts .swap-links a:hover.active {
  color: #000;
}
#home-featured-posts .swap-links a.active {
  background: #fff;
}
#home-featured-posts .featured-post {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
#home-posts {
  background: #fff;
}
#home-posts .post {
  padding: 14px;
  border: 1px solid #eee;
  margin: 0 0 20px 0;
}
#home-posts .post .image-container {
  float: left;
  max-width: 200px;
  margin: 0 20px 20px 0;
}
#home-posts .post .image-container a {
  display: block;
  float: left;
  max-width: 200px;
}
#home-posts .post .image-container img {
  max-width: 100%;
  height: auto;
}
#home-posts .post .content {
  margin: 0px;
}
#home-posts .post .content .title a {
  font-size: 18px;
  font-weight: 600;
  display: block;
  padding: 6px 12px 5px 12px;
  color: #000;
}
#home-posts .post .content .text {
  padding: 10px 0px;
}
#home-posts .post .content .info {
  display: inline-block;
  margin: 0 0;
  padding: 0px 0 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  color: #999;
}
#home-posts .post .content .info div {
  display: inline-block;
  margin: 0 10px 0 0;
}
#content {
  margin: 30px;
}
#content.home-index {
  margin: 0;
  overflow: hidden;
}
#home-broadcasts-container {
  margin: 0px 0 0 0px;
  padding: 28px 20px 20px 28px;
  padding: 0;
}
#home-broadcasts-container h2 {
  margin: 0 0 20px 0;
  display: none;
}
#home-broadcasts .broadcast {
  width: 200px;
  display: inline-block;
  margin: 0 20px 20px 0;
  background: #fff;
  border: 1px solid #eee;
  vertical-align: top;
}
#home-broadcasts .broadcast img {
  max-width: 100%;
}
#home-broadcasts .broadcast .info-container {
  padding: 20px;
}
#home-broadcasts .broadcast .info-container .title {
  font-size: 18px;
}
#home-broadcasts .broadcast .info-container div {
  margin-bottom: 5px;
}
#home-broadcasts .broadcast .info-container .program a {
  font-size: 15px;
}
#showcase {
  margin: 0 auto;
  padding: 20px 0 20px 0;
  background: #f3f3f3;
  border-top: 2px solid #ddd;
  position: relative;
  z-index: 1;
}
#showcase #automatic-underwriter-banners {
  margin: 0 auto;
  height: 120px;
}
#showcase #automatic-underwriter-banners div {
  position: absolute;
  display: none;
  width: 100% !important;
  text-align: center;
}
#showcase #automatic-underwriter-banners div:first-child {
  display: block;
}
#showcase #automatic-underwriter-banners div.supporter div.content {
  display: none;
}
.schedule-container {
  font-size: 15px;
}
.schedule-container table {
  max-width: 1200px;
  margin: 0 auto 0 auto;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
.schedule-container td {
  padding: 10px;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.schedule-container td.weekday {
  width: 13%;
}
.schedule-container .weekday {
  color: #333;
  font-weight: bold;
}
.schedule-container .hosts-container a {
  color: #999;
}
.schedule-container .row-time {
  color: #666;
  text-align: center;
}
.schedule-container .cell-program {
  line-height: 1.4;
}
.schedule-container .cell-program .times {
  padding: 6px 0;
  color: #666;
  font-size: 13px;
  display: none;
}
.schedule-container .local {
  color: #000;
  max-width: 1198px;
  margin: 0 auto 0 auto;
  background: #eee;
  text-align: center;
  padding: 12px 0;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.schedule-container .rebelbass,
.schedule-container .lostandfound,
.schedule-container .wyckedfell,
.schedule-container .localmotion,
.schedule-container .liquidlights,
.schedule-container .intermountain,
.schedule-container .unspun,
.schedule-container .satyreweed,
.schedule-container .westernmusic {
  font-size: 18px;
  background: #f6f6f6;
  font-weight: bold;
}
h1 {
  margin: 0 0 20px 0;
  font-weight: 700;
}
.block-weekdays,
.block-pages,
.block-categories,
.categories-container {
  margin: 0 0 40px -10px;
}
.block-weekdays ul,
.block-pages ul,
.block-categories ul,
.categories-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-weekdays li,
.block-pages li,
.block-categories li,
.categories-container li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-weekdays li a,
.block-pages li a,
.block-categories li a,
.categories-container li a {
  display: inline-block;
  line-height: 1;
  padding: 10px;
  font-weight: 600;
  color: #000;
  font-size: 18px;
  border-radius: 6px;
}
.block-weekdays li a:hover,
.block-pages li a:hover,
.block-categories li a:hover,
.categories-container li a:hover {
  background: #e7e8e0;
}
.block-weekdays li.selected a,
.block-pages li.selected a,
.block-categories li.selected a,
.categories-container li.selected a {
  background: #ffbc0f;
  color: #000;
}
.shows-index div {
  vertical-align: top;
}
.shows-index h1.weekday-title {
  display: none;
}
.shows-index .block-weekdays {
  font-size: 18px;
}
.shows-index a.full-schedule {
  float: right;
  background: #fff;
  border: 2px solid #ffbc0f;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 10px;
}
.shows-index a.full-schedule:hover {
  background: #ffbc0f;
  color: #000;
  text-decoration: none;
  opacity: 0.8;
}
.shows-index .program {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e7e8e0;
}
.shows-index .program:last-child {
  border: 0;
}
.shows-index .time-container {
  display: inline-block;
  width: 20%;
}
.shows-index .image-container {
  display: inline-block;
  width: 25%;
  margin: 0 10px 0 0;
}
.shows-index .info-container {
  display: inline-block;
  width: 45%;
}
.shows-index .info-container .title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.shows-index .info-container .title a {
  color: #000;
}
.shows-index .info-container .title a:hover {
  color: #93cfe9;
}
.shows-index .info-container .hosts-container a {
  color: #396;
}
.shows-view h1 {
  margin: 0 0 10px 0;
}
.shows-view .hosts-container {
  margin: 0 0 10px 0;
  font-size: 18px;
}
.shows-view .full-description {
  margin: 0 0 20px 0;
}
.shows-view .airtimes-container {
  font-weight: bold;
  padding: 10px 0;
  margin: 0 0 20px 0px;
}
.shows-view .airtimes-container ul {
  margin: 0;
  padding: 0;
}
.shows-view .airtimes-container li {
  list-style: none;
  margin: 0;
}
.shows-view .categories-container {
  margin: 0 0 10px -10px;
}
.shows-view .categories-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shows-view .categories-container li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.shows-view .categories-container li a {
  display: inline-block;
  line-height: 1;
  padding: 10px;
}
.shows-view .categories-container li.selected a {
  background: #eee;
}
.shows-view .image img {
  max-width: 100%;
}
.shows-view .broadcasts-container {
  border: 1px dashed #ddd;
  padding: 20px;
}
.shows-view .broadcasts-container .broadcast {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ddd;
}
.shows-view .broadcasts-container .broadcast div {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.shows-view .broadcasts-container .broadcast div.info {
  max-width: 45%;
}
.shows-view .broadcasts-container .broadcast div.date {
  max-width: 20%;
}
.shows-view .broadcasts-container .broadcast div.image-container {
  max-width: 30%;
}
.shows-view .broadcasts-container .broadcast:last-child {
  margin: 0;
  border: 0;
  padding: 0;
}
.shows-schedule .schedule-container {
  overflow-x: auto;
}
.broadcasts-view .main {
  padding: 0 30px 0 0;
}
.broadcasts-view .main .image {
  max-width: 300px;
  margin-bottom: 20px;
}
.broadcasts-view .main .program {
  margin: 0 20px 0 0 !important;
  display: inline-block;
}
.broadcasts-view .main .program a {
  color: #9c846a;
}
.broadcasts-view .main .text {
  text-align: justify;
}
.posts-index div {
  vertical-align: top;
}
.posts-index .post {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.posts-index .image-container {
  display: inline-block;
  width: 25%;
  margin: 0 10px 0 0;
}
.posts-index .content {
  display: inline-block;
  width: 45%;
}
.posts-index .read-more {
  display: none;
}
.events-index {
  display: block;
}
.events-index .category-title {
  display: none;
}
.events-index .events_page {
  float: left;
  width: 100%;
}
.events-index .events_page .main_events_container {
  float: left;
  width: 750px;
  margin-left: 30px;
  margin-top: 10px;
}
.events-index .events_page .events-container {
  float: left;
  width: 100%;
}
.events-index .events_page .events-container .event {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 30px;
}
.events-index .events_page .events-container .event .image {
  margin-right: 15px;
  float: left;
}
.events-index .events_page .events-container .event .info {
  float: left;
  width: 500px;
}
.events-index .events_page .events-container .event .title {
  margin-bottom: 5px;
}
.events-index .events_page .events-container .event .title a {
  font-size: 17px;
  line-height: 100%;
}
.events-index .events_page .events-container .event .time {
  color: #666;
  margin-bottom: 4px;
}
.events-index .events_page .events-container .event .start_time {
  font-weight: bold;
}
.events-index .events_page .events-container .event .location {
  color: #666;
  margin-bottom: 4px;
}
.events-index .side {
  float: left;
  width: 190px;
}
.events-index .submit_events {
  margin: 0 0 40px 0;
  font-size: 22px;
}
.events-index .past h1.past-or-current {
  margin: 0 0 30px 0px;
  text-transform: capitalize;
  color: #999;
}
.events-index .past .past-events {
  display: none;
}
.events-index .current h1.past-or-current {
  display: none;
}
.events-index .current .current-events {
  display: none;
}
.events-index .past-events {
  margin: 0 0 20px 0;
}
.events-index .past-events a {
  padding: 9px 12px 10px 12px;
  border: 1px solid #ddd;
  background: #eee;
  border-radius: 14px;
  display: inline-block;
  color: #000;
  font-size: 20px;
}
.events-index .past-events a:hover {
  background: #e4e4e4;
  border: 1px solid #d0d0d0;
  border-top-color: #aaa;
  text-decoration: none;
}
.events-index .current-events {
  margin: 0 0 20px 0;
}
.events-index .current-events a {
  padding: 9px 12px 10px 12px;
  border: 1px solid #ddd;
  background: #eee;
  border-radius: 14px;
  display: inline-block;
  color: #000;
  font-size: 20px;
}
.events-index .current-events a:hover {
  background: #e4e4e4;
  border: 1px solid #d0d0d0;
  border-top-color: #aaa;
  text-decoration: none;
}
.events-index.no-category .category-title {
  display: none;
}
.events-view .back-container {
  margin: 0 0 20px 0;
}
.events-view .back {
  background: #eee;
  color: #000;
  padding: 8px 12px;
  display: inline-block;
  border-radius: 10px;
}
.share {
  margin: 0 0 20px 0;
}
.share #share-url {
  margin: 0;
}
.share #share-url input {
  width: 100%;
  margin: 4px 0 6px 0;
}
#side-broadcasts .broadcast {
  margin: 0 0 20px 0;
}
#side-broadcasts .broadcast .title {
  font-weight: bold;
}
.broadcast .program a {
  color: #9c846a;
}
.post .read-more {
  display: none;
}
.post .user a {
  color: #3a5;
}
.content-info {
  margin: 0 20px 20px 0;
  display: inline-block;
  padding: 0;
}
.content-info div {
  display: inline-block;
  margin: 0 20px 0 0;
}
#supporters {
  margin: 30px 0 0 0;
}
#supporters .supporter {
  float: left;
  margin: 0 20px 20px 0;
  width: 200px;
  padding: 20px;
  border: 1px solid #ddd;
}
#supporters .supporter .title {
  font-weight: bold;
  margin-bottom: 8px;
}
#supporters .supporter div.image {
  display: none;
}
.tracks-container {
  border: 1px solid #ddc;
  padding: 10px;
}
.media-attachments-container {
  margin: 40px 50px 50px 0;
  padding: 0 20px 0 0;
}
.media-attachments-audio {
  padding: 0 20px 0 0;
}
.comments-container {
  background: #e5e4e0;
  margin: 30px 20px 0 0;
  padding: 20px;
  border-radius: 8px;
}
.comments-container .heading {
  font-size: 18px;
  color: #999;
  margin: 0 0 20px 0;
}
.comments-container .comment {
  margin: 0 0 20px 0;
}
.comments-container .comment .time {
  color: #999;
  font-size: 13px;
}
.comments-container textarea {
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 14px;
  width: 100%;
  height: 90px;
  margin: 0 -8px 10px -8px;
  border-radius: 0px;
}
.comments-container textarea:hover {
  border: 1px solid #ccc;
}
.comments-container textarea:focus {
  box-shadow: none;
}
.comments-container button {
  background: #fff;
  color: #3a5;
  font-size: 18px;
  border: 1px solid #ccb;
  display: block;
  border-radius: 10px;
  padding: 10px;
}
.comments-container button:hover {
  border: 1px solid #aa9;
}
.comments-container .not-signed-in {
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 8px;
  margin: 0 -8px;
}
div.comments-container.disabled {
  display: none;
}
.donations-area {
  border: 2px dashed #ddd;
  padding: 30px;
}
.donations-area p {
  margin-bottom: 25px;
}
.donations-area .donate-button {
  display: inline-block;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #3a5;
  background: #eee;
  border-radius: 10px;
  border: 2px solid #ddd;
}
.donations-area .donate-button:hover {
  background: #ddd;
  color: #000;
  text-decoration: none;
}
.donations-area .donate-button-container {
  margin: 0 0 30px 0;
  line-height: 1;
}
.cfm-stream-player {
  display: inline-block;
}
.cfm-stream-player .jp-no-solution {
  display: none;
}
.users-login label {
  margin-right: 10px;
}
.users-login .sign-in .title {
  font-size: 30px;
  color: #aaa;
  margin: 0 0 10px 0;
}
.users-login .sign-in .submit {
  margin: 10px 0 0 0;
}
.users-login .forgot-password {
  margin: 20px 0;
}
.users-login .username,
.users-login .password {
  margin: 0 0 10px 0;
}
.users-login .username input,
.users-login .password input {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 6px;
}
.users-register label {
  margin-right: 10px;
}
.users-register .input {
  margin: 0 0 10px 0;
}
.users-register .input input {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 6px;
}
.users-register .email-help {
  margin: 0 0 20px 0;
}
#flash-message {
  background: #eee;
  padding: 10px;
  margin: 0 -10px 20px -10px;
}
#flash-message.error {
  background: #fdb;
}
.pagination-inner {
  margin: 20px;
}
.pagination-inner span {
  display: inline-block;
  margin-right: 8px;
  font-size: 16px;
}
.pagination-inner a {
  padding: 12px;
  background: #dddcd5;
  color: #000;
}
.pagination-inner .current {
  padding: 12px;
  background: #000;
  color: #fff;
}
.mobile-currently-broadcasting {
  background: #000;
  opacity: 0.9;
  color: #fff;
  padding: 0px 0 10px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
}
.intrinsicContainer {
  position: relative;
  height: 0;
  overflow: hidden;
}
.intrinsicContainer-16x9 {
  padding-bottom: 56.25%;
}
.intrinsicContainer-4x3 {
  padding-bottom: 75%;
}
.intrinsicContainer.iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#instagramFeed {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
#instagram_ForceLink {
  position: absolute;
  width: 100%;
  height: 100%;
}
.main-container {
  margin-top: 146px;
}