/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */ }

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body > .container {
  padding: 60px 15px 0; }

.container .text-muted {
  margin: 20px 0; }

#footer > .container {
  padding-right: 15px;
  padding-left: 15px; }

code {
  font-size: 80%; }

@font-face {
  font-family: 'entypo';
  src: url("/fonts/entypo-social.eot");
  src: url("/fonts/entypo-social.eot?#iefix") format("embedded-opentype"), url("/fonts/entypo-social.woff") format("woff"), url("/fonts/entypo-social.ttf") format("truetype"), url("/fonts/entypo-social.svg#entypo-social") format("svg");
  font-weight: normal;
  font-style: normal; }

header, nav, section, article, aside, footer {
  display: block; }

.entypo.social {
  font-family: 'entypo'; }

body {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 18px; }

h1 {
  font-weight: 300; }

h2 {
  font-size: 32px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

p {
  font-size: 14px; }

b, strong {
  font-weight: 500; }

/* form styles */
.form-group {
  margin-bottom: 7px; }

.form-control {
  border-radius: 0; }

label {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 2px; }

.checkbox label {
  font-size: 13px; }

.dropdown-menu {
  display: block; }

img {
  max-width: 100%; }

.uppercase {
  text-transform: uppercase; }

.valign-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

@media (max-width: 768px) {
  .btn-responsive {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px; } }

@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
    padding: 4px 9px;
    font-size: 90%;
    line-height: 1.2; } }

.ng-cloak {
  display: none !important; }

/* Basic Layout */
.browser-alert {
  z-index: 100000;
  position: absolute; }

.maintenance-msg {
  position: fixed;
  padding: 0.5em;
  font-size: 0.8em; }

#header, #footer, #content {
  position: absolute;
  right: 0;
  left: 0; }

#header {
  height: 150px;
  top: 0; }

#footer {
  height: 83px;
  bottom: 0; }

#content {
  top: 150px;
  bottom: 83px;
  overflow: hidden; }

/* Nav */
.navbar {
  background: #fff;
  margin: 0;
  white-space: nowrap; }

.navbar a {
  font-size: 14px; }

.navbar .navbar-right li a, .navbar .navbar-right input {
  color: #3a6c84; }

.navbar .navbar-right .shop-link a {
  border-right: 1px solid #3a6c84;
  margin: 15px 0;
  padding: 0 10px; }

.navbar .navbar-right .shop-link img {
  margin-right: 5px;
  margin-top: -6px; }

.navbar .navbar-right .glyphicon-search {
  color: #8fb9cc;
  font-weight: bold; }

.navbar .navbar-right .input-group {
  width: 650px;
  margin-top: 10px; }

.navbar .navbar-right .input-group input {
  border-right: none; }

.navbar-nav.navbar-right:last-child {
  margin: 10px; }

.navbar-default .audio-player .btn-default {
  background-color: #222033;
  border: none; }

.navbar-default .audio-player .btn-default .glyphicon {
  color: #fff; }

.navbar a.dropdown-toggle {
  text-transform: uppercase; }

.now-playing-title,
.now-playing-timeleft {
  vertical-align: top;
  display: inline-block; }

.now-playing-timeleft {
  max-width: 80px;
  position: absolute;
  right: 0;
  display: none; }

.now-playing-title {
  max-width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.now-playing-title-mobile {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap; }

.dropdown-header {
  font-family: 'times';
  font-style: italic;
  font-size: 20px;
  font-weight: normal;
  color: #414142; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background: transparent;
  color: #fff; }

.navbar .audio-player {
  background: #4d4b61;
  color: #fff;
  padding: 0.1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 20px; }

@media (max-width: 768px) {
  height: 340px; }

@media (min-width: 768px) {
  height: 50px; }

.navbar .call-in-box {
  background-color: #4d4b61;
  color: white;
  text-align: right;
  padding: 10px 10px 6px 6px;
  border-radius: 0 0 5px 5px;
  margin-top: -10px;
  margin-right: 10px; }

.navbar .audio-player .now-playing {
  font-size: 13px;
  white-space: nowrap; }

.navbar .audio-player .now-playing .progress,
.navbar .audio-player .volume .progress,
.navbar .audio-player .now-playing .progress-bar,
.navbar .audio-player .volume .progress-bar {
  transition: width 0.25s ease; }

.navbar .audio-player .now-playing .progress,
.navbar .audio-player .volume .progress {
  background: #191917;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #191917 0%, #242422 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191917', endColorstr='#242422',GradientType=0 );
  /* IE6-9 */ }

.navbar .audio-player .now-playing .progress-bar,
.navbar .audio-player .volume .progress-bar {
  background: linear-gradient(to bottom, #00b6dd 0%, #025da6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#025da6',GradientType=0 ); }

.navbar .audio-player .now-playing .progress {
  line-height: 8px;
  height: 8px;
  box-shadow: 0px 1px 0px #7c7c8c;
  cursor: pointer;
  margin: 0; }

.navbar .audio-player .now-playing .progress-bar {
  line-height: 8px;
  box-shadow: 0px 1px 0px #0e5ea4;
  line-height: 8px;
  box-shadow: 0px 1px 0px #0e5ea4; }

.navbar .audio-player .volume .mute-btn {
  top: 5px;
  cursor: pointer; }

.navbar .audio-player .volume a {
  display: inline-block;
  padding: 0;
  vertical-align: middle; }

.navbar .audio-player .volume .glyphicon {
  font-size: 18px;
  color: #c2c2c9; }

.navbar .audio-player .volume .progress-bar {
  line-height: 4px;
  box-shadow: 0px 1px 0px #0e5ea4; }

.navbar .audio-player .volume .progress {
  line-height: 4px;
  height: 4px;
  box-shadow: 0px 1px 0px #7c7c8c;
  display: inline-block;
  width: 73px;
  vertical-align: middle;
  cursor: pointer;
  margin: 0; }

.navbar .audio-player .sign-in button {
  color: #98ca3e; }

.nav .dropdown a.listen-live-button {
  font-size: 15px; }

.search-bar-container {
  display: table; }

.search .search-bar-container .btn {
  border-radius: 0; }

.nav .search .search-bar-container .glyphicon {
  color: #8fb8ca; }

.options-bar-container {
  position: absolute;
  border: 1px solid #ccc;
  border-top: none;
  width: 650px;
  overflow: hidden;
  background-color: #FFF;
  z-index: 10000; }

.options-bar-container.active, .options-bar-container-mobile.active {
  display: block !important; }

.options-bar-container a:hover, .options-bar-container-mobile a:hover {
  width: 100%;
  background-color: #ccc;
  display: block;
  padding: 5px 0 1px 0;
  text-decoration: none; }

.options-bar-container h5, .options-bar-container-mobile h5 {
  padding: 0 5px; }

.options-bar-container p, .options-bar-container-mobile p {
  padding: 0 10px !important;
  white-space: pre-line; }

.options-bar-container-mobile {
  position: relative;
  border: 1px solid #ccc;
  border-top: none;
  overflow: hidden;
  background-color: #FFF;
  z-index: 1;
  margin-left: 0.4em; }

.options-bar-container-mobile.active {
  display: block !important; }

.hayhouse-logo {
  padding: 10px 0 0 0;
  height: 104px; }
  @media (min-width: 1200px) and (max-width: 1300px) {
    .hayhouse-logo img {
      width: 294px; } }

/* NAV Responsive */
@media (min-width: 991px) {
  img {
    max-height: 100%; }
  .navbar > .audio-player > .nav > li {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 0 3px; } }

@media (min-width: 1920px) {
  .now-playing {
    width: 100%;
    max-width: 1200px; } }

@media (min-width: 1370px) and (max-width: 1919px) {
  .now-playing {
    width: 50%; } }

@media (min-width: 1200px) and (max-width: 1369px) {
  .now-playing {
    width: 40%; } }

@media (min-width: 991px) and (max-width: 1200px) {
  .now-playing {
    width: 30%; }
  .now-playing-title {
    max-width: 70%; } }

/*MOBILE NAV*/
.navbar-toggle {
  float: left; }

.navbar-header {
  background: #4D4B61; }

.navbar-header .icon-bar {
  color: #fff; }

.navbar-header .now-playing {
  font-size: 14px;
  line-height: 1em;
  color: #fff; }

.navbar-header .btn-default {
  background-color: #222033;
  border: none;
  margin: -1em 0 0; }

.navbar-header .btn-default .glyphicon,
.navbar-header .btn-default .fa {
  color: #fff; }

.navbar-toggle .icon-bar {
  display: block;
  width: 25px;
  height: 4px;
  border-radius: 3px; }

.navbar-default .navbar-toggle {
  border: none;
  display: block; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  border: none; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none; }

.navbar-default .navbar-toggle.selected {
  -webkit-transform: rotate(-90deg); }

.navbar-collapse .nav.navbar-nav .retina-alternative {
  display: none;
  margin: 0; }

/*HOMEPAGE*/
.listen-intro-container,
.author-feature-container,
.book-feature-container,
.author-feature-grid-container {
  height: 100%;
  display: inline-block;
  white-space: normal;
  vertical-align: top; }

body.home {
  overflow: hidden; }

.home .social-container {
  display: none; }

.home #main-slider {
  position: relative;
  height: 100%; }

#horizontal-content {
  margin: 0;
  background: #fff;
  height: 100%;
  overflow: hidden; }

#horizontal-content h1, #horizontal-content h2, #horizontal-content h3, #horizontal-content h4, #horizontal-content h5, #horizontal-content h6 {
  margin: 0.1em 0 0;
  line-height: 1.4em; }

#horizontal-content .featured {
  height: 100%;
  margin-top: 5px;
  overflow: hidden; }

#horizontal-content .container {
  width: 105%;
  margin-left: 200px; }

#horizontal-content .featured-content {
  overflow: hidden;
  height: 100%;
  min-height: 320px;
  white-space: nowrap;
  overflow-x: scroll; }

#horizontal-content .featured-content .col-md-3.listen-intro {
  width: 21%;
  margin-right: -8px; }

#horizontal-content .featured-content .col-md-3 {
  width: 19%; }

#horizontal-content .featured-content .col-md-3.up-next {
  margin-right: 1em; }

#horizontal-content .featured-content .col-md-1 {
  width: 16%; }

#horizontal-content .featured-content .col-md-2 {
  width: 24%; }

.wisdom-logo-small {
  max-width: 20px; }

#featured-items {
  height: 100%;
  margin-left: 530px; }

@media (min-width: 1921px) {
  .home .host-img {
    max-width: 787px; } }

@media (max-width: 1920px) and (min-width: 991px) {
  .home .host-img {
    max-width: 541px; } }

@media (max-width: 750px) {
  .listen-intro-container {
    background: url("https://cdn.hayhouseradio.com/img/sign-in-mobile-bg.png") no-repeat;
    background-size: cover;
    width: 650px; }
  .listen-intro-container.wisdom-logged-in {
    background: url("https://cdn.hayhouseradio.com/img/bg_listen_intro_logged-in.jpg") no-repeat;
    background-size: cover;
    width: 650px; } }

@media (min-width: 750px) {
  .listen-intro-container {
    background: url("https://cdn.hayhouseradio.com/img/homepage-login-bg.png") no-repeat;
    background-size: cover;
    width: 650px; }
  .listen-intro-container.wisdom-logged-in {
    background: url("https://cdn.hayhouseradio.com/img/bg_listen_intro_logged-in.jpg") no-repeat;
    background-size: cover;
    width: 650px; } }

.listen-intro {
  height: 500px;
  width: 380px;
  margin-left: 235px;
  padding-top: 32px; }

.playlist th.text-center {
  text-align: center !important; }

.btn-yellow {
  background-color: #d0ad2c;
  border-color: #d0ad2c;
  color: #fff; }

.btn-yellow:hover {
  color: #fff; }

.listen-intro {
  color: #fff; }

.listen-intro h1 {
  font-size: 38px;
  font-weight: 300;
  margin-bottom: 0.5em !important; }

.listen-intro h2 {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 0.5em !important; }

.listen-intro p {
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 0.5em !important; }

.listen-intro {
  line-height: 1.75em; }

.listen-intro div {
  padding-bottom: 16px; }

.blue-gradient {
  background-image: url("https://cdn.hayhouseradio.com/img/bg-gradient-blue.png");
  background-repeat: repeat-y; }

.yellow-gradient {
  background-image: url("https://cdn.hayhouseradio.com/img/bg-gradient-yellow.png");
  background-repeat: repeat-y; }

.green-gradient {
  background-image: url("https://cdn.hayhouseradio.com/img/bg-gradient-green.png");
  background-repeat: repeat-y; }

.utility-buttons .btn-primary {
  background-color: #d0ad2c !important;
  border-color: #d0ad2c !important; }

.phone {
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  padding-right: 16px; }

.btn-primary,
.btn-secondary,
.btn-third {
  margin: 0.25em 0; }

.more-info .btn-primary,
.more-info .btn-secondary {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none; }

.more-info .btn-primary,
.more-info .btn-secondary:hover {
  color: #fff; }

.more-info .btn-primary {
  background: #ceab29; }

.more-info .btn-secondary {
  background: #4d4963; }

.listen-intro .btn-primary {
  background-color: #005881;
  border-radius: 0;
  border-color: #005881; }

.listen-intro .btn-secondary {
  background-color: #588eb7;
  border-color: #588eb7;
  color: #fff;
  border-radius: 0; }

.btn.btn-green {
  background-color: #569425;
  color: #fff;
  border-color: #569425; }

.upgrade-modal .modal-header, .modal-body {
  padding-bottom: 32px !important; }

.upgrade-modal h1.green, .upgrade-modal h2.green {
  color: #69a23e !important;
  font-weight: 300 !important;
  padding-bottom: 16px; }

.episode-modal .modal-body p {
  font-size: 15px;
  font-weight: 300; }

.upgrade-modal h2.green {
  font-size: 20px !important;
  padding-bottom: 16px; }

.modal .episode-modal h1 {
  color: #0081af;
  font-size: 28px;
  font-weight: 200;
  padding: 0 !important;
  margin: 0 0 4px 0 !important; }

.modal .episode-modal h2 {
  color: #0081af;
  font-size: 28px;
  font-weight: 200;
  padding: 0 !important;
  margin: 0 0 4px 0 !important; }

.modal .episode-modal h3 {
  color: #000;
  font-size: 20px;
  font-weight: 100;
  padding: 0 !important;
  margin: 0 0 4px 0 !important; }

.modal .episode-modal .modal-body {
  color: #000;
  font-size: 14px !important;
  font-weight: 100 !important;
  line-height: 1.2em;
  padding: 0px 20px !important; }

.episode-modal p.datetime {
  margin-top: 10px;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 300; }

.episode-modal .actions {
  margin-top: 15px;
  overflow: hidden; }
  .episode-modal .actions h4 {
    margin-bottom: 5px; }

.terms-modal-header {
  padding: 1em;
  background-color: #0c4c8c;
  color: #fff; }

.terms-modal-footer {
  padding: 1em; }
  .terms-modal-footer .btn-default {
    background-color: #0c4c8c;
    color: #fff; }

.terms-modal-body {
  padding: 1em; }

.long-description {
  color: #000;
  font-size: 16px !important;
  font-weight: 300;
  line-height: 1.5em;
  padding: 0; }

/* AUTHOR FEATURE */
.author-container {
  display: inline-block;
  padding-left: 2px;
  overflow: hidden;
  height: 100%; }

.author {
  display: inline-block;
  position: relative; }

.audio-info {
  color: #FFF;
  line-height: 1.5em; }

.more-info {
  display: none;
  font-size: 0.7em; }

.short-description {
  font-weight: 300;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 1em 0;
  line-height: 1.5em; }

.author .audio-info {
  /*background-position: 0px 130px;*/
  position: absolute;
  bottom: 0;
  padding: 1em;
  width: 100%; }

.play-container {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }

.audio-info .playing-icon {
  position: relative;
  vertical-align: middle;
  display: inline-block; }

.audio-info .que-position {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 12px; }

.audio-info .author-name {
  font-weight: 100; }

.author .audio-info .book-title {
  font-size: 22px;
  font-weight: 300; }

.author .up-next .audio-info {
  top: -10em; }

.author .audio-info .countdown {
  background: #4c4a61;
  height: 50px;
  width: 80px;
  margin-bottom: 1em;
  padding: 0.5em;
  font-size: 16px;
  text-transform: uppercase; }

.author .audio-info .countdown b {
  font-style: normal;
  padding-left: 0.5em; }

.author .audio-info .countdown i {
  font-style: normal;
  font-size: 10px;
  padding-left: 0.7em;
  position: relative;
  top: -15px; }

.listener-data {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px;
  font-weight: 300; }

.listener-data div {
  padding: 0 !important;
  margin: 0 !important; }

@media (max-height: 685px) {
  .listen-intro.logged-in.wisdom-logged-in {
    padding-top: 0.5em; }
  .listen-intro div {
    padding-bottom: 0;
    padding-top: 0; }
  .short-description {
    max-height: 29px;
    font-size: 10px; }
  h2 {
    font-size: 20px; }
  .author-square .audio-info .author-name {
    font-size: 15px; }
  .author-square .audio-info .book-title {
    font-size: 12px; } }

.black-gradient {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  /* IE6-8 */ }

.author-feature-grid-container {
  margin-left: 3px; }

@media (min-width: 992px) {
  .author-feature-grid-container .author-square-container {
    min-height: 160px;
    height: 50%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-right: 5px;
    padding-bottom: 5px; } }

@media (max-width: 992px) {
  .author-feature-grid-container .author-square-container {
    width: 100% !important;
    min-height: 160px;
    height: auto;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-right: 5px;
    padding-bottom: 5px; } }

.author-feature-grid-container .author-square {
  position: relative;
  height: 100%;
  width: 100%; }

.author-feature-grid-container .author-square .author-square-img {
  width: 100%; }

@media (max-width: 992px) {
  .author-feature-grid-container .author-square .author-square-img {
    margin-bottom: 15px; } }

.author-square .audio-info-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10; }

.author-square .audio-info {
  position: relative;
  padding: 0.5em;
  width: 100%;
  padding-top: 5em; }

.author-square .more-info .short-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.author-feature-grid .audio-info .author-name, .author-feature-grid .audio-info .book-title {
  font-weight: 300; }

.author-feature-grid .audio-info img {
  margin-bottom: 0.4em; }

.book-feature-container {
  padding-left: 3px; }

.book-feature-outer {
  height: 50%;
  width: 328px; }

.book-feature-outer.full-height {
  height: 100%; }

.book-feature-inner {
  height: 100%; }

.book-feature-outer:first-child {
  padding-bottom: 5px; }

.book-feature-outer.full-height:first-child {
  padding-bottom: 0; }

.book-feature img {
  box-shadow: 5px 5px 5px #dbdbdb; }

.book-feature {
  background: #E7F5FC;
  padding: 1em;
  height: 100%; }

.book-feature h4.book-title {
  padding-top: 0;
  font-weight: 500; }

.book-feature h6.author-name {
  margin: 0.5em 0;
  font-weight: 300; }

.inner h1.book-title a {
  color: #333 !important; }

.inner h1.book-title a:hover {
  text-decoration: none !important; }

h2.author-name a, h2.author-name a:hover {
  color: #333 !important;
  text-decoration: none !important; }

.book-feature.square img {
  margin-top: 4.2em; }

.book-feature-left,
.book-feature-right {
  display: inline-block;
  width: 47%;
  height: auto;
  position: relative;
  vertical-align: middle; }

.product-info {
  padding: 0.5em; }

.book-feature button {
  text-transform: uppercase; }

@media (max-height: 687px) {
  .book-feature h4.book-title {
    font-size: 0.7em; }
  .book-feature .btn.btn-primary {
    padding: 3px;
    font-size: 11px; } }

.home footer {
  background: #fff;
  bottom: 0;
  position: absolute;
  width: 100%;
  margin: 0;
  height: 83px; }

.home footer a {
  color: #b1b3b6; }

footer ul {
  float: left; }

.home footer .list-inline.legal-links {
  font-size: 12px;
  font-weight: normal;
  margin: 0 1em; }

.home footer .list-inline.legal-links li {
  border-right: 1px solid #b1b3b6;
  padding: 0.2em 0.8em; }

.home footer ul {
  border-right: none; }

footer .list-inline.social-links a {
  font-size: 59px;
  line-height: 1em;
  text-decoration: none; }

footer .list-inline.social-links .heart {
  font-size: 40px; }

.home footer .social-links {
  margin-top: -0.4em;
  padding: 0; }

.home footer .social-links li a span {
  width: 23px;
  height: 22px;
  display: inline-block; }

.home footer .social-links .facebook {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") 0 0; }

.home footer .social-links .twitter {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -24px 0; }

.home footer .social-links .youtube {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -48px 0; }

.home footer .social-links .healyourlife {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -72px 0; }

.home footer .social-links .pinterest {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -96px 0; }

.home footer .social-links .instagram {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -120px 0; }

.home footer .social-links .soundcloud {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -144px 0; }

.home footer .social-links .scribed {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -166px 0; }

.home footer .social-links .facebook:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") 0 22px; }

.home footer .social-links .twitter:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -24px 22px; }

.home footer .social-links .youtube:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -48px 22px; }

.home footer .social-links .healyourlife:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -72px 22px; }

.home footer .social-links .pinterest:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -96px 22px; }

.home footer .social-links .instagram:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -120px 22px; }

.home footer .social-links .soundcloud:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -144px 22px; }

.home footer .social-links .scribed:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-grey.png") -166px 22px; }

/* INNER PAGE */
body.inner {
  margin: 0; }

.inner #header,
.inner #footer,
.inner #content {
  position: relative; }

.inner #content {
  top: 0;
  bottom: 0;
  overflow: hidden;
  padding-bottom: 365px; }

.inner #footer {
  height: auto;
  margin: 0;
  position: absolute; }

.inner .list-inline.social-links {
  padding: 0.3em; }

.container.listen-live {
  margin-top: 1em; }

.featured-products .caption {
  min-height: 80px; }

.featured-products img {
  box-shadow: 5px 5px 5px #dbdbdb;
  border: 4px solid #fff;
  outline: 1px solid #CCC;
  max-width: 130px; }

.featured-products .product-cta a {
  margin: 0 !important; }

.featured-products .product-image {
  vertical-align: bottom;
  min-height: 210px;
  min-width: 160px; }

.book-feature-left .product-image {
  height: 100%; }

.featured-products .product-title {
  min-height: 20px;
  font-weight: bold;
  font-size: 14px;
  display: table-cell;
  height: 140px;
  padding-bottom: 12px; }

.featured-products .product-tagline {
  font-size: 12px;
  font-weight: 300;
  display: table-cell;
  min-height: 20px;
  height: 20px; }

.featured-video-container {
  padding-left: 0;
  padding-bottom: 15px; }

.featured-video-container .featured-video-inner {
  position: relative; }

.featured-video-container .featured-video-inner .video-play-button {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://cdn.hayhouseradio.com/img/play-button.png") 50% 50% no-repeat;
  background-size: 25%; }

.featured-video-container .featured-video-inner .video-title {
  position: absolute;
  padding: 5px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.featured-video-container .featured-video-inner img {
  width: 100%; }

.inner h1.book-title {
  font-size: 30px;
  margin: 0;
  font-weight: 300; }

.show-name {
  font-size: 14px;
  font-weight: 300;
  margin-top: 6px;
  margin-bottom: 16px; }

a.schedule-info-link, a.schedule-info-link:hover {
  color: #000;
  text-decoration: none; }

.schedule-description {
  font-size: 14px;
  padding-bottom: 12px; }

.inner h2.author-name {
  font-size: 26px;
  margin: 0; }

.static b {
  font-weight: bold;
  padding: 12px 0;
  font-size: 14px; }

.static p, .static address {
  padding: 6px 0;
  font-size: 12px; }

.static ul {
  font-size: 12px; }

.inner .featured-products .btn-primary {
  box-shadow: 3px 3px 3px #dbdbdb;
  margin: 0 1.4em;
  text-transform: uppercase;
  background-color: #0080b1; }

.inner .btn-primary {
  background-color: #224987; }

.inner .btn-secondary {
  background-color: #d0ad2c; }

.inner .btn-secondary,
.inner .btn-secondary:hover,
.inner .btn-secondary:focus,
.inner .btn-primary {
  color: #fff; }

.inner .btn-third {
  background-color: #0080b1;
  color: #fff; }

.inner .btn-group-two {
  margin-left: -2.5em; }

.inner .btn .glyphicon {
  color: #fff; }

.inner .audio-info {
  color: #414042;
  padding-top: 1.5em; }

.inner.audio-info .que-position {
  color: #d0ad2c;
  font-size: 16px; }

.inner h4 {
  color: #d0ad2c;
  text-transform: uppercase;
  font-size: 14px; }

.inner h4 {
  color: #0081af; }

.inner h5 {
  color: #2A9ECA;
  font-weight: 300; }

.inner #footer h4 {
  color: #ffffff; }

.inner .table th {
  color: #414042;
  font-size: 14px;
  text-align: left; }

.inner .table tr td {
  color: #414042;
  font-size: 14px;
  text-align: left; }

.inner .table > thead > tr > th {
  border-bottom: none; }

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
  background-color: #ffffff; }

.inner .table.playlist tr:hover td {
  background: #F1E6B9; }

.inner .table tr td.text-center {
  text-align: center; }

.inner .table a {
  text-decoration: underline;
  color: #414042; }

.inner .glyphicon-star,
.inner .listen-live .glyphicon-play {
  color: #b4b6bb; }

@media (max-width: 584px) {
  .inner footer ul {
    padding: 10px;
    height: 254px;
    width: 50%;
    border-bottom: 1px solid #5f5d71;
    border-right: none; }
  .inner .social-container {
    clear: both;
    text-align: center;
    overflow: hidden;
    padding-bottom: 30px; }
  .inner .social-container .social-row {
    display: inline-block;
    height: 60px; }
  .inner .social-container .social-row .social-links {
    height: auto;
    width: 200px; } }

@media (min-width: 991px) {
  .author:hover .play-container,
  .author-square:hover .play-container {
    background: rgba(0, 0, 0, 0.75); }
  .author:hover .play-container {
    display: block; }
  .author:hover .audio-info {
    z-index: 10; }
  .author:hover .more-info,
  .author-square:hover .more-info {
    display: block; } }

.inner footer .social-links li a span {
  width: 26px;
  height: 26px;
  display: inline-block; }

.facebook {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") 0 0; }

.twitter {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -26px 0; }

.youtube {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -52px 0; }

.healyourlife {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -78px 0; }

.pinterest {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -104px 0; }

.instagram {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -130px 0; }

.soundcloud {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -156px 0; }

.scribed {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -182px 0; }

.facebook:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") 0 26px; }

.twitter:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -26px 26px; }

.inner footer .social-links .youtube:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -52px 26px; }

.healyourlife:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -78px 26px; }

.pinterest:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -104px 26px; }

.instagram:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -130px 26px; }

.soundcloud:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -156px 26px; }

.scribed:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -182px 26px; }

.inner footer .social-links .facebook {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") 0 0; }

.inner footer .social-links .twitter {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -26px 0; }

.inner footer .social-links .youtube {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -52px 0; }

.inner footer .social-links .healyourlife {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -78px 0; }

.inner footer .social-links .pinterest {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -104px 0; }

.inner footer .social-links .instagram {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -130px 0; }

.inner footer .social-links .soundcloud {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -156px 0; }

.inner footer .social-links .scribed {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -182px 0; }

.inner footer .social-links .facebook:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") 0 26px; }

.inner footer .social-links .twitter:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -26px 26px; }

.inner footer .social-links .youtube:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -52px 26px; }

.inner footer .social-links .healyourlife:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -78px 26px; }

.inner footer .social-links .pinterest:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -104px 26px; }

.inner footer .social-links .instagram:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -130px 26px; }

.inner footer .social-links .soundcloud:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -156px 26px; }

.inner footer .social-links .scribed:hover {
  background: url("https://cdn.hayhouseradio.com/img/social-icons-blue.png") -182px 26px; }

.glyphicon-star.active {
  color: #d0ad2c !important; }

a.topic-lnk {
  padding: 0 0.3em;
  border-right: 1px solid lightgrey; }

a.topic-lnk:last-child {
  border: none; }

/* Schedule Pages */
.schedule h5,
.schedule .legend {
  display: inline-block; }

.schedule .legend.text {
  font-size: 14px;
  text-transform: uppercase; }

.host-status a.active,
.show-status a.active,
.schedule-links a.active {
  color: #969696;
  text-decoration: underline; }

.host-status,
.show-status,
.schedule-links {
  color: #969696;
  font-size: 0.75em; }

.host-status a,
.show-status a,
.schedule-links a {
  color: #0080b1;
  padding: 0 0.25em; }

.schedule-bar {
  width: 735px;
  margin: 0 auto; }

.schedule-bar.daily {
  margin: 1em;
  width: 1155px; }

.schedule-bar a,
.schedule-bar.weekly span {
  display: inline-block;
  background: #005881;
  color: #6cc4ee;
  text-align: center;
  padding: 0.25em 1.5em;
  text-decoration: none;
  font-size: 18px; }

.schedule-bar a.active,
.schedule-bar.weekly span.active {
  background: #302d54;
  color: #FFF; }

.schedule-bar a .day-name,
.schedule-bar a .date-name,
.schedule-bar.weekly span .day-name,
.schedule-bar.weekly span .date-name {
  text-transform: uppercase; }

.schedule-bar a .day-name,
.schedule-bar.weekly span .day-name {
  font-size: 0.5em;
  font-weight: 500; }

.schedule-bar a .date-name,
.schedule-bar.weekly span .date-name {
  font-size: 0.75em;
  font-weight: 500; }

.schedule-container {
  min-height: 500px; }

.schedule-legend {
  display: inline-block; }

.legend.live,
.legend.encore {
  padding: 5px;
  margin: 0 0.4em; }

.legend.live {
  background: #70b03d; }

.legend.encore {
  background: #0081af; }

.schedule-time {
  display: block; }

@media (max-width: 991px) {
  .schedule-time {
    display: inline-block; }
  .schedule-time,
  .schedule-status {
    margin-bottom: 5px; }
  .schedule-legend {
    display: block; } }

.weekly-calendar_hours {
  width: 735px;
  margin: 0 auto;
  font-size: 12px; }

.weekly-calendar_hours .weekly-calendar_day {
  display: inline-block;
  height: 129px;
  width: 105px;
  vertical-align: top;
  border-left: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  border-collapse: collapse;
  padding: 0.5em;
  text-align: left;
  background: #f1f6fc; }

.weekly-calendar_hours .weekly-calendar_day:nth-child(8n+0) {
  border-right: 1px solid lightgrey; }

.weekly-calendar_hours .weekly-calendar_day .episode-title {
  font-size: 8pt;
  border-bottom: 1px solid lightgrey;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 15px;
  max-height: 45px; }

.fc-agenda-slots td div {
  min-height: 110px !important; }

.episode-title .live {
  font-weight: bold;
  color: #66B536 !important; }

.episode-title .encore {
  font-weight: bold;
  color: #0593C5 !important; }

.help ul li, ol li {
  font-size: 12px; }

.weekly-calendar_hours .start-time {
  position: absolute;
  margin-left: -5em;
  font-size: 1.2em; }

.listener-count {
  font-size: 13px;
  font-weight: 300;
  padding: 6px 0; }

.listener-count .count {
  padding: 0;
  margin: 0 5px 0 0;
  float: left; }

.glyphicon.inverse {
  color: #000; }

a.btn-on-air {
  color: #fff !important; }

.episode-title {
  font-size: 13px !important; }

.episode-title.encore {
  color: #0081af; }

.episode-title.live {
  color: #70b03d; }

.weekly-calendar_hours .weekly-calendar_day.today {
  background: #fff; }

.weekly-calendar_hours .weekly-calendar_day .episode-start,
.weekly-calendar_hours .weekly-calendar_day .episode-end {
  font-size: 8pt; }

.details .actions {
  font-size: 16px;
  margin-top: 12px; }

.fc-event-inner {
  height: auto !important; }

/* -------- SIGN IN PAGE ------- */
.sign-in-container {
  margin-bottom: 1.5em; }

.register-container {
  margin-bottom: 1.5em; }

.sign-in-container, .register-container {
  min-height: 746px; }

.sign-in .facebook-icon {
  font-size: 140px;
  color: #0080AF;
  line-height: 0; }

.sign-in .facebook-icon .entypo {
  position: relative;
  top: 15px; }

.sign-in .border-wrap {
  height: 67px;
  border-right: 1px solid #CCC; }

.sign-in h1 {
  color: #24AACC; }

.sign-in h3, .sign-in h4 {
  font-weight: 300; }

.sign-in h4 {
  margin: 1.2em 0;
  font-size: 18px;
  line-height: 1.4em;
  text-transform: none;
  color: black; }

.sign-in .form-horizontal .control-label {
  text-align: left;
  font-weight: 300;
  font-size: 16px;
  padding-top: 10px; }

.sign-in .form-horizontal .form-control {
  height: 45px;
  line-height: 1.4;
  border-radius: 3px;
  padding: 6px; }

.sign-in .form-horizontal .form-group {
  margin-bottom: 7px; }

.sign-in .sign-in-button button {
  background: #6cb24e;
  border: none;
  border-radius: 0;
  color: #FFF;
  padding: 1em 1.5em;
  width: 100%;
  margin-top: 22px; }

.sign-in-button {
  padding-left: 30px;
  padding-right: 30px; }

.sign-in .sign-in-button button.register {
  margin: 1.5em 0; }

.sign-in .sign-in-button button span {
  background: #1f6b2e;
  padding: 1.2em 0.8em;
  margin: 0 0.8em 0 -1.5em;
  float: left; }

.sign-in .login-options {
  font-size: 14px;
  font-weight: 500; }

.sign-in .login-options p, .sign-in .login-options .checkbox {
  margin: 0; }

.sign-in .opt-newsletter input {
  margin-top: 8px; }

.sign-in .opt-newsletter {
  margin: 1em 0 0.8em; }

@media (max-width: 991px) {
  .sign-in .form-horizontal .sign-in-label.control-label {
    padding: 0;
    font-size: 10px;
    font-weight: 500;
    margin-top: 13px; }
  .sign-in .form-horizontal .sign-in-input {
    float: none;
    display: inline-block; }
  .sign-in .form-horizontal .sign-in-button {
    text-align: center;
    margin: 20px 0; }
  .sign-in h1 {
    font-size: 1.1em; }
  .sign-in h3,
  .sign-in h4 {
    font-size: 0.69em;
    margin: 5px 0; }
  .sign-in h4 {
    margin-bottom: 20px; } }

/* Wiz Community Page */
.wizcomm .container {
  padding-top: 2em;
  padding-bottom: 2em; }

.wizcomm .table > thead > tr > td,
.wizcomm .table > tbody > tr > td {
  border: none; }

.wizcomm .table .most-popular {
  color: #fff;
  text-align: center;
  font-family: serif;
  font-style: italic; }

.wizcomm .table {
  font-size: 0.8em; }

.wizcomm .table thead td.package {
  padding: 0; }

.wizcomm .choose-upgrade {
  padding: 30px 0;
  font-size: 3em;
  color: #67a337;
  font-weight: 200; }

.wizcomm div.package-type {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  padding: 4px 0; }

.wizcomm div.package-price {
  position: relative;
  font-size: 2em;
  color: #fff;
  font-family: serif;
  font-weight: lighter;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  text-align: center; }

.wizcomm .free div.package-price {
  font-style: italic; }

.wizcomm div.package-price .lrg-price,
.wizcomm .free div.package-price {
  font-size: 2em;
  vertical-align: middle; }

.wizcomm div.package-price .lrg-price.free {
  font-size: 1.5em;
  line-height: 1.91em; }

.wizcomm div.package-price:before {
  content: '';
  position: absolute;
  top: 80%;
  left: 0;
  height: 38%;
  width: 50%;
  z-index: 1;
  transform: skew(0deg, -6deg); }

.wizcomm div.package-price:after {
  content: '';
  position: absolute;
  top: 80%;
  right: 0;
  height: 38%;
  width: 50%;
  z-index: 1;
  transform: skew(0deg, -6deg); }

.wizcomm div.package-try {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 10px; }

.wizcomm .free.package .package-price,
.wizcomm .free.package .package-price:before,
.wizcomm .free.package .package-price:after {
  background: #aab98d; }

.wizcomm .silver.package .package-price,
.wizcomm .silver.package .package-price:before,
.wizcomm .silver.package .package-price:after {
  background: #a5a5a5; }

.wizcomm .gold.package .package-price,
.wizcomm .gold.package .package-price:before,
.wizcomm .gold.package .package-price:after,
.wizcomm .table .most-popular {
  background: #caa13f; }

.wizcomm .platinum.package .package-price,
.wizcomm .platinum.package .package-price:before,
.wizcomm .platinum.package .package-price:after {
  background: #9badba; }

.wizcomm .package button.btn {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  color: white; }

.wizcomm .free div.package-type,
.wizcomm .free .btn {
  background: #749251; }

.wizcomm .silver div.package-type,
.wizcomm .silver .btn {
  background: #6f7071; }

.wizcomm .gold div.package-type,
.wizcomm .gold .btn {
  background: #a37a16; }

.wizcomm .platinum div.package-type,
.wizcomm .platinum .btn {
  background: #476e8c; }

.wizcomm .table tr td.seperator {
  width: 5px;
  padding: 0; }

.wizcomm .table tr td.benefit-select {
  text-align: center;
  min-width: 135px; }

.wizcomm .table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: #efefef; }

.wizcomm .table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: #ffffff; }

.wizcomm .table-striped > tbody > tr:nth-child(odd) > td.free,
.table-striped > tbody > tr:nth-child(odd) > th .free {
  background: #cad4bf; }

.wizcomm .package.free,
.wizcomm .table-striped > tbody > tr:nth-child(even) > td.free,
.table-striped > tbody > tr:nth-child(odd) > th .free {
  background: #d8e2cc; }

.wizcomm .table-striped > tbody > tr:nth-child(odd) > td.silver,
.table-striped > tbody > tr:nth-child(odd) > th .silver {
  background: #d6d7d8; }

.wizcomm .package.silver,
.wizcomm .table-striped > tbody > tr:nth-child(even) > td.silver,
.table-striped > tbody > tr:nth-child(odd) > th .silver {
  background: #e4e5e6; }

.wizcomm .table-striped > tbody > tr:nth-child(odd) > td.gold,
.table-striped > tbody > tr:nth-child(odd) > th .gold {
  background: #e7e0cf; }

.wizcomm .package.gold,
.wizcomm .table-striped > tbody > tr:nth-child(even) > td.gold,
.table-striped > tbody > tr:nth-child(odd) > th .gold {
  background: #f6efdd; }

.wizcomm .table-striped > tbody > tr:nth-child(odd) > td.platinum,
.table-striped > tbody > tr:nth-child(odd) > th .platinum {
  background: #cdd9e2; }

.wizcomm .package.platinum,
.wizcomm .table-striped > tbody > tr:nth-child(even) > td.platinum,
.table-striped > tbody > tr:nth-child(odd) > th .platinum {
  background: #dbe7f1; }

.package a {
  color: #fff !important;
  text-decoration: none !important; }

.uppercase {
  text-transform: uppercase; }

.subtitle {
  text-transform: lowercase;
  font-style: italic;
  font-size: 14px;
  font-weight: bold; }

.subtitle.gold {
  color: #e09f0d; }

.subtitle.blue {
  color: #0f74b4; }

@media (max-width: 991px) {
  .section {
    margin-bottom: 10px; }
  .wizcomm .container {
    padding-top: 0; }
    .wizcomm .container .section {
      margin-bottom: 0px; } }

/* Hosts Page */
.form-control:focus {
  border-color: #bcb9e2;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(179, 175, 221, 0.6); }

.hosts-select,
.shows-select {
  margin-top: 1.7em; }

.hosts .row,
.shows .row,
.topics .row {
  margin-bottom: 10px; }

.host-container,
.show-container {
  position: relative;
  margin-bottom: 10px; }

a.show-item:hover,
a.host-item:hover {
  text-decoration: none; }

.show-title {
  padding: 0.5em 0.2em 0 0;
  color: black;
  width: 100%; }

.show-author-name {
  color: #636363;
  font-size: 11px; }

.host-name {
  position: absolute;
  bottom: 0;
  padding: 1em;
  color: white;
  width: 100%; }

.topics .topics-container .topic-item {
  color: black;
  font-size: 0.9em; }

.topics .topics-container .topic-item:hover {
  text-decoration: none;
  color: #3286aa; }

footer {
  background-color: #4d4b61;
  margin: 2em 0; }

footer h4 {
  color: #fff;
  font-size: 18px; }

footer ul {
  border-right: 1px solid #5f5d71;
  padding: 2em;
  height: 285px; }

footer ul ul {
  border-right: none;
  height: 50px; }

footer ul ul.social-links {
  padding: 0; }

footer ul ul.social-links .entypo {
  line-height: 0; }

footer ul li {
  list-style-type: none;
  line-height: 1em; }

footer ul:last-child {
  border: none; }

footer a,
footer .footer-text {
  color: #b4e3f3;
  font-size: 12px; }

footer .copyright {
  position: relative;
  background: white;
  color: #7e7e7e;
  text-align: center;
  height: 100px;
  font-size: 14px;
  padding: 0.6em 0; }

.footer-logo {
  text-align: center;
  width: 100%; }

@media (max-width: 991px) {
  #header {
    height: 55px; }
  #content {
    top: 130px; }
  .mobile-logo {
    text-align: center;
    width: 100%;
    margin-top: 55px; }
  .mobile-logo img {
    width: 150px;
    margin: 0 auto; }
  .navbar-toggle {
    margin-right: 5px;
    margin-left: 5px; }
  .navbar-header .divider {
    border-right: 1px solid #403E4E;
    float: left;
    height: 54px;
    border-left: 1px solid #888794;
    margin-right: 5px; }
  .navbar-header .list-inline > li {
    padding-right: 0;
    vertical-align: top;
    margin-top: 18px; }
  .audio-player .navbar-nav {
    margin-bottom: 0; }
  .navbar-default .navbar-collapse {
    background: #0081AC; }
  .navbar .audio-player {
    background-color: #fff; }
  .navbar-default .navbar-nav > li > a {
    color: #414042;
    font-size: 16px;
    border-top: 1px solid #CCC; }
  .dropdown-header {
    color: #414042;
    padding-left: 0.7em; }
  .navbar .navbar-right .search-icon {
    width: 50px;
    float: left;
    padding: 0.4em 0 0 1.5em; }
  .navbar .navbar-right .input-group {
    margin-top: 0;
    margin-left: 0;
    float: left;
    width: 75%; }
  .navbar .navbar-right .input-group input {
    width: 98%;
    margin-left: 0.5em;
    border-radius: 0; }
  .search .input-group-btn button {
    background-color: #004271;
    border: none;
    border-radius: 0; }
  .search .input-group-btn button {
    color: #fff; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none; } }

.playlist.table .episode-title {
  max-width: 165px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.playlist.table tbody tr:hover {
  background: #ebe5b5; }

.playlist-nav {
  font-size: 0.75em;
  color: #005881; }

.container.episode h4 {
  padding-bottom: 12px; }

.next-episode .datetime {
  font-weight: 300; }

.next-episode h3 {
  font-size: 18px;
  font-weight: 300;
  color: #0081af; }

.play-container, .pointer {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.loading-page {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
  z-index: 20; }

.loading-page img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  /* -1 * image width / 2 */
  margin-top: -27px;
  /* -1 * image height / 2 */
  display: block;
  width: auto;
  height: auto; }

.currently-playing {
  color: #0088c3; }

a {
  cursor: pointer; }

.my-account h1 {
  color: #0081af; }

.topics-list a {
  font-size: 0.8em; }

.fb-comments, .fb-comments iframe[style] {
  width: 100% !important; }

/* Debug CSS */
.debug {
  display: none; }

/* Modal */
.modal .modal-content {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 13px;
  color: #939395; }

.modal a {
  color: #005784; }

.modal-backdrop {
  background: #211F33; }

.modal-backdrop {
  z-index: 1040 !important; }

.modal-backdrop.in {
  opacity: 0.90;
  filter: alpha(opacity=90); }

.modal h1 {
  color: #65a52d; }

.modal .btn-primary {
  background: #226c21;
  border: 1px solid #226c21;
  color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }

.modal .btn-secondary {
  background: #e7e7e8;
  border: 1px solid #d2d2d4;
  color: #58585a;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }

.modal .btn:focus,
.modal .btn:active:focus,
.modal .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto #00620C;
  outline-offset: -2px; }

.modal .modal-header,
.modal .modal-footer {
  border: none; }

.modal .checkbox {
  display: inline-block; }

.pad-right-12 {
  padding-right: 12px; }

.pad-left-12 {
  padding-left: 12px; }

.pad-bottom-12 {
  padding-bottom: 12px; }

.pad-top-12 {
  padding-top: 12px; }

.inline-block {
  display: inline; }

.full-height.preview {
  background-image: url("https://cdn.hayhouseradio.com/img/preview-tile.jpg");
  text-align: center; }

.full-height.preview a {
  cursor: pointer !important; }

.full-height.preview a:hover {
  text-decoration: none; }

.full-height.preview a.btn-lg {
  cursor: pointer;
  background: #6cb24e !important;
  border: none;
  border-radius: 0;
  color: #FFF;
  width: 100% !important; }

.full-height.preview .book-feature {
  display: table; }

.full-height.preview p {
  line-height: 25px;
  font-size: 16px;
  padding: 0 40px; }

.full-height.preview img {
  box-shadow: none; }

.full-height.preview > * {
  background: transparent !important; }

.full-height.preview > * > * {
  background: transparent !important; }

.full-height.preview a {
  color: #70b23c; }

.bold-green {
  color: #FFF;
  padding: 0 5px;
  font-weight: bold;
  float: right;
  background-color: #70b23c; }

.full-height.preview {
  width: 500px; }

.full-height.preview {
  color: #fff; }

.full-height.preview .content {
  display: table-cell;
  font-size: 20px;
  line-height: 20px; }

.marketing-pod {
  padding: 0 40px;
  color: #fff;
  text-align: center;
  display: table;
  height: 100%; }

.marketing-pod h3 {
  font-size: 2.3rem; }

.marketing-pod .valign-helper {
  display: table-cell !important;
  vertical-align: middle !important; }

.marketing-pod button {
  background: #6cb24e;
  border: none;
  border-radius: 0;
  color: #FFF;
  width: 100%; }

.listen-intro h1 {
  margin-bottom: 0px !important; }

.listen-intro h2 {
  font-size: 19px;
  font-weight: 300; }

.listen-intro .featured-author-grid-item,
.listen-intro .featured-author-grid-item div,
.listen-intro .featured-episodes .no-padding {
  padding: 0; }

.featured-episodes .featured-author-square-container {
  margin: 0 5px 5px 0 !important;
  position: relative; }

.featured-author-grid-item .featured-author-square-container .author-info {
  position: absolute;
  color: white;
  bottom: -1px;
  padding: 5px; }

.featured-author-grid-item .featured-author-square-container .author-info h4 {
  font-size: 16px; }

.featured-author-grid-item .featured-author-square-container .author-info h5 {
  font-size: 13px; }

.featured-episodes .audio-meta {
  padding: 6px !important; }

.margin-bottom-12 {
  margin-bottom: 12px; }

/* Modal Responsive */
@media (min-width: 768px) {
  .modal-dialog {
    width: 630px;
    margin: 100px auto; } }

@media (min-width: 1200px) {
  .container:not(.join-wizcomm) {
    padding: 12px 150px; }
  .topics-container .topics-list a {
    font-size: 0.8em; }
  .playlist th {
    font-size: 0.6em !important; }
  .playlist td {
    font-size: 0.7em !important; } }

.que-position.now-on-air {
  color: #d0ad2c;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  margin: 0; }

.rebroadcast .que-position.now-on-air {
  color: #0080b1; }

.now-playing-title-mobile {
  color: white; }

.now-playing-author-mobile {
  margin-top: -6px; }

.now-playing-title-mobile {
  font-size: 10px; }

.now-playing-title-mobile .now-playing-timeleft {
  display: inline-block;
  position: relative;
  margin-left: 5px; }

/* Home Responsive */
@media (max-width: 991px) {
  body.home {
    overflow-y: scroll; }
  .home .social-links {
    display: none; }
  .home #header,
  .home #content,
  .home #footer {
    position: relative; }
  .home #horizontal-content .featured {
    margin-top: 0; }
  .home #content {
    top: 0; }
  .home #header {
    height: 55px; }
  .home footer ul {
    height: auto; }
  .home .more-info .short-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-height: 16px;
    /* fallback */
    max-height: 48px;
    /* fallback */ } }

/* ipad retina landscape */
@media (min-width: 991px) and (max-width: 1235px) {
  .dropdown-menu {
    display: none;
    margin-left: -45px !important; }
  .home .dropdown-menu {
    display: block !important;
    margin-left: -45px !important; }
  button.dropdown-toggle {
    display: inline-block !important; }
  a.dropdown-toggle {
    display: none; }
  .navbar-collapse .nav.navbar-nav .retina-alternative {
    display: inline-block !important; }
  .blue-gradient,
  .green-gradient,
  .yellow-gradient {
    background: none; }
  .retina-alternative .navbar-toggle {
    margin-right: 0;
    margin-left: 10px; } }

@media (max-width: 991px) {
  #horizontal-content .featured-content {
    width: 100%;
    margin: 0;
    white-space: normal;
    height: auto;
    overflow-x: hidden;
    line-height: 0; }
  .listen-intro-container.logged-in {
    width: 100%; }
  .listen-intro-container {
    width: 100%;
    height: auto;
    display: inline-block; }
  .author-feature-container {
    width: 100%;
    height: auto; }
  .author-container {
    height: auto;
    width: 100%;
    padding: 5px 10px; }
  .book-feature-container {
    width: 100%;
    padding: 10px; }
  .book-feature-outer {
    width: 100%; }
  .author-feature-grid-container {
    width: 100%;
    margin: 0;
    padding: 5px 10px; }
  .listen-intro {
    width: auto;
    height: auto;
    float: right;
    padding: 20px 10px; } }

/* inner Responsive */
@media (max-width: 991px) {
  .inner #footer {
    position: relative; }
  .inner #content {
    padding-bottom: 10px; }
  .blue-gradient,
  .green-gradient,
  .yellow-gradient {
    background: none; } }

/* Addthis */
.addthis_button_facebook_share {
  margin-top: -2px; }

.addthis_button_tweet {
  width: 80px; }

.addthis_button_google_plusone {
  max-width: 74px; }

section {
  padding-bottom: 16px; }

section h2 {
  padding-bottom: 12px; }

section h3 {
  font-size: 16px !important; }

section div.desc {
  font-size: 13px; }

section div.item {
  padding-bottom: 12px; }

section div.show-host {
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 6px; }

/*angular-ui calendar mod*/
.fc-agenda tbody .fc-agenda-axis {
  height: 60px;
  font-size: 0.8em;
  vertical-align: top; }

.fc-agenda thead .fc-widget-header:not(.fc-first) {
  background: #005882;
  color: #6cc4ee;
  font-size: 0.8em;
  vertical-align: middle; }

.fc-agenda thead .fc-today.fc-widget-header:not(.fc-first) {
  background: #302d54;
  color: #fff; }

.fc-agenda thead .fc-widget-header .cal-datename {
  font-size: 12px; }

.fc-agenda thead .fc-widget-header .cal-date {
  font-weight: 300; }

.fc-agenda-allday {
  display: none; }

.fc-event-vert.fc-event-end {
  border-radius: 0;
  -webkit-border-radius: 0; }

.fc-agenda-divider-inner {
  display: none; }

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td,
.fc-widget-header, .fc-widget-content {
  border: none; }

.fc-event {
  background: none;
  border: none;
  color: #6a6a6a;
  font-size: 0.6em;
  padding: 5px;
  font-weight: 700; }

.fc-agenda-slots td {
  border-width: 1px 1px 1px;
  background: none; }

.fc-agenda-slots tr.fc-minor td {
  border-bottom: 1px solid lightgrey; }

.fc-agenda-days .fc-widget-content {
  background: #f1f6fc; }

.fc-agenda-days .fc-widget-content.fc-state-highlight {
  background: #ffffff; }

.fc-agenda-days td.fc-widget-content {
  border-left: 1px solid lightgrey; }

.fc-agenda-days td.fc-widget-content.fc-last {
  border-right: 1px solid lightgrey; }

.fc-agenda-slots .fc-widget-header,
.fc-agenda-days .fc-widget-header {
  text-transform: uppercase; }

.fc-event-time {
  display: none; }

.fc-event-title .episode-title {
  /*
  max-height: 33px;
  overflow: hidden;
  */ }

.fc-event-title hr {
  margin-top: 5px;
  margin-bottom: 5px; }

.fc-event-title .details,
.fc-event-title .details a {
  color: #6a6a6a; }

.fc-event-title .details a:hover {
  color: #858585; }

/*
td.fc-widget-content, .fc-minor td.fc-widget-content{
    background:#f1f6fc;
}*/
body.login.inner {
  background-image: url("https://cdn.hayhouseradio.com/img/loginBg.jpg");
  background-position: 0 150px; }

body.register.inner {
  background-image: url("https://cdn.hayhouseradio.com/img/loginBg.jpg");
  background-position: 0 150px; }

@media (min-width: 992px) {
  .row > div > h1.login-header {
    color: white;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 130px;
    font-size: 50px;
    white-space: nowrap; } }

@media (max-width: 992px) {
  .row > div > h1.login-header {
    color: white;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px;
    font-size: 28px; } }

.login-subheader {
  font-size: 14px;
  color: white;
  text-align: center;
  margin-bottom: 40px; }

.center-img {
  display: block;
  margin: auto; }

.login-modifications {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px; }

.login-inputs {
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px; }

.login-modifications > div > a {
  float: right;
  color: #858585; }

.login-modifications > .col-md-6 {
  padding: 0;
  font-size: 14px;
  color: #858585; }

.log-reg-container {
  background-color: white;
  border-radius: 4px; }

@media (max-width: 750px) {
  .log-reg-container {
    margin-bottom: 50px; }
  .full-height.preview {
    width: 100%; }
  .author-feature-grid-container .author-square-container {
    margin-top: 50%; } }

.log-reg-container > .col-md-6 {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: solid 1px;
  border-color: #d7d7d7;
  cursor: pointer; }

.connect-with-facebook {
  padding-top: 22px; }

.register-here-btn {
  color: #6bb34a; }

.missing-account-container {
  text-align: center; }

.missing-account-container {
  font-size: 17px; }

@media (min-width: 768px) {
  .container-small {
    width: 670px !important; } }

@media (min-width: 992px) {
  .container-small {
    width: 870px !important; } }

@media (min-width: 1200px) {
  .container-small {
    width: 870px !important; } }

@media (min-width: 1400px) {
  .container:not(.join-wizcomm) {
    width: 93%; }
  footer > div.container {
    width: 1170px !important; } }

.login-active {
  background-color: #1a89b8;
  color: white;
  border: none; }

.facebook-divider {
  text-align: center; }
  .facebook-divider img {
    margin-left: auto;
    margin-right: auto; }

@media (min-width: 992px) {
  .facebook-divider {
    padding-top: 22px;
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 992px) {
  .facebook-divider {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; } }

.facebook-register-divider {
  background-color: #cccccc;
  height: 1px;
  margin-top: 22px;
  margin-bottom: 22px; }

.subscribe-to-newsletter {
  font-size: 13px;
  margin-top: 46px; }

.disappear-container {
  display: none; }

.host-topics {
  color: #4d4b62 !important; }

.host-topics-container {
  margin-bottom: 10px; }

h4.host-txt {
  color: #4d4b62; }

h3.upcoming-episode-txt {
  color: #0081af;
  margin-top: -5px; }

.img-centered {
  display: block;
  margin: auto; }

.light-blue-btn {
  background-color: #0080b1 !important;
  color: white !important; }

tr.playlist-table > td {
  border-top: none !important; }

.btn-hhr-purple {
  background-color: #4d4a60;
  color: white; }

.center-txt {
  text-align: center; }

.register-form-mobile > div > .row {
  margin-top: 10px; }

.topics-container > .topic-item-container:nth-child(3) > div {
  float: right !important; }

.light-blue-txt {
  color: #1988b7; }

.facebook-register-divider {
  background-color: #cccccc;
  height: 1px;
  margin-top: 22px;
  margin-bottom: 22px; }

.green-btn {
  background-color: #80ca3f;
  color: white !important; }

.offer-modal {
  background-color: #4d4b61;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 10px;
  color: white; }

.offer-modal > .row > .col-md-8 > p {
  font-size: 32px; }

.offer-modal-container > .row {
  margin: 0;
  padding-bottom: 15px; }

.modal {
  text-align: center; }

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.call-in-btn {
  background-color: #222033;
  color: white !important; }

@font-face {
  font-family: latoRegular;
  src: url("/fonts/Lato-Regular.ttf"); }

@font-face {
  font-family: latoBold;
  src: url("/fonts/Lato-Bold.ttf"); }

@font-face {
  font-family: latoSemiBold;
  src: url("/fonts/Lato-Semibold.ttf"); }

@font-face {
  font-family: latoLight;
  src: url("/fonts/Lato-Light.ttf"); }

.regular-font {
  font-family: latoRegular, Arial, sans-serif; }

.bold-font {
  font-family: latoBold, Arial, sans-serif; }

.semibold-font {
  font-family: latoSemiBold, Arial, sans-serif; }

.light-font {
  font-family: latoLight, Arial, sans-serif; }

.host-topics-container > a {
  font-size: 14px; }

@media (max-width: 992px) {
  .mobile-footer {
    background-color: #4d4b61 !important; }
  .mobile-footer > div > ul {
    padding: 10px 10px 20px 10px !important;
    width: 50% !important; } }

.social-media-home-ul {
  width: 100% !important;
  text-align: center; }

.social-media-home-ul > li {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px; }

.social-media-home-ul > li > img {
  width: 26px; }

.ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none; }

.call-box-mobile {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background: linear-gradient(to right, #7fcd45 0%, #7fcd45 50%, #76b746 50%, #76b746 100%); }

.mobile-call-txt {
  text-align: center;
  color: white; }

.mobile-call-txt > p:first-child {
  margin-bottom: 0; }

.call-box-mobile .callInMobile {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px; }

@media (min-width: 616px) {
  .mobile-call-txt > p.semibold-font {
    font-size: 22px; }
  .mobile-call-txt > p.light-font {
    font-size: 17px; } }

@media (min-width: 420px) and (max-width: 616px) {
  .mobile-call-txt > p.semibold-font {
    font-size: 18px; }
  .mobile-call-txt > p.light-font {
    font-size: 14px; }
  .mobile-call-txt > p {
    margin-bottom: 0; } }

@media (max-width: 420px) {
  .mobile-call-txt > p.semibold-font {
    font-size: 12px; }
  .mobile-call-txt > p.light-font {
    font-size: 10px; }
  .mobile-call-txt > p {
    margin-bottom: 0; }
  .call-box-mobile .callInMobile {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-left: -18px;
    margin-top: -18px; } }

body.home .call-box-mobile {
  display: block; }

.mobile-call-left {
  text-align: center;
  white-space: nowrap;
  width: 50%;
  float: left; }

.mobile-call-right {
  text-align: center;
  white-space: nowrap;
  width: 50%;
  float: right; }

.mobile-login-header {
  color: white !important;
  font-family: latoLight;
  text-align: center;
  font-size: 30px !important; }

.mobile-login-msg {
  color: white;
  font-family: latoRegular;
  text-align: center; }

.home-listen-now-btn {
  height: 45px;
  padding-left: 20px;
  background-color: #7fcd45;
  color: white;
  padding-right: 20px;
  font-size: 18px;
  border: none !important;
  line-height: 30px; }

.home-listen-now-input {
  font-size: 18px; }

.home-listen-now-input-desktop {
  height: 45px; }

.have-account-desktop {
  color: black; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

div.flash_debug {
  visibility: hidden; }

@media (max-width: 500px) {
  .mobile-login-modifications-txt {
    font-size: 12px !important; } }

/***
Bootstrap change to trigger navbar on Ipad
***/
@media (max-width: 990px) {
  .navbar-header {
    float: none; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    max-height: 460px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .collapse.in {
    display: block !important; } }

/********************
***JOIN PAGE START***
********************/
.green {
  color: #9BCC52; }

.blue {
  color: #156D94; }

.join-wizcomm {
  font-family: 'Lato', sans-serif;
  font-weight: 300; }
  .join-wizcomm.container {
    padding-left: 15px;
    padding-right: 15px; }

@media only screen and (max-width: 480px) {
  .join-wizcomm .join_banner h1 {
    white-space: normal; } }

@media only screen and (min-width: 1250px) {
  .wizcomm-container {
    margin-left: 200px; } }

@media only screen and (min-width: 1250px) and (max-width: 1385px) {
  .wizcomm-container .join-wizcomm {
    width: 100%; } }

.join-wizcomm .join_banner {
  text-align: center;
  background-color: #4D4B62;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom: 1px solid #9BCC52;
  white-space: nowrap; }

.join-wizcomm .join_banner h1 {
  color: #FFF;
  font-size: 4.5rem;
  font-weight: 300;
  padding: 4rem 1rem; }

.join-wizcomm .join_banner h1 span.green {
  white-space: nowrap; }

.join-content-montage {
  background: url("https://cdn.hayhouseradio.com/img/montage.jpg") no-repeat;
  min-height: 313px;
  position: relative;
  text-align: center;
  width: 100%; }

.join-content-montage img.logo {
  width: 15%;
  display: block;
  margin: 0 auto;
  padding-top: 3.5rem;
  margin-top: 1rem;
  box-shadow: 3px 26px 59px -29px rgba(0, 0, 0, 0.75); }

.join-content-montage h3 {
  text-align: center;
  color: #595959;
  margin-top: 6rem;
  margin-bottom: 2rem;
  font-size: 40px;
  font-weight: 300; }

.join-content-montage h4.more-than-radio {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 2.5rem;
  text-transform: none;
  font-size: 2.5rem;
  line-height: 3.5rem; }

.join-content p {
  color: #595959;
  /*padding:0 5%;*/
  margin: 0 auto;
  padding-bottom: 5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  text-align: center;
  font-size: 2rem; }

/*.premium-advantages ul {*/
/*list-style: none;*/
/*margin-left: 0;*/
/*padding-left: 1.2em;*/
/*text-indent: -1.2em;*/
/*}*/
.premium-advantages {
  margin-left: 10%; }

.premium-advantages table tr:first-child td {
  padding-bottom: 50px; }

.premium-advantages table tr td {
  font-size: 20px;
  position: relative;
  padding-bottom: 70px; }

.premium-advantages table tr td:first-child {
  vertical-align: top; }

.buy-now {
  width: 80%;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,7599af+100&0.08+0,0.41+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(234, 234, 234, 0.78) 0%, rgba(117, 153, 175, 0.31) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14eaeaea', endColorstr='#697599af',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  border-radius: 10px;
  box-shadow: 3px 20px 59px -29px rgba(0, 0, 0, 0.75); }

.tc {
  display: table-cell; }

.premium-advantages .tc.icon {
  min-width: 6rem; }

.buy-now p {
  margin: 0; }

.buy-now .green-background {
  width: 100%;
  background-color: #9BCC52;
  color: #FFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.buy-now .green-background p {
  text-transform: uppercase;
  padding: 5px;
  font-size: 20px; }

.buy-now .bold {
  font-weight: bold; }

.buy-now .tallest-text {
  font-size: 50px;
  vertical-align: top; }

.buy-now .tall-text {
  font-size: 35px;
  vertical-align: top; }

.buy-now .three .text-top {
  line-height: 1.7; }

.buy-now .text-top {
  font-size: 20px;
  font-weight: 400;
  vertical-align: top; }

.buy-now .text-bottom {
  font-size: 16px;
  vertical-align: bottom; }

.buy-now .thirthy .text-small {
  font-size: 15px; }

.buy-now .text-small {
  font-size: 20px; }

.buy-now .choose-between {
  color: #0D7BA4;
  height: 100px;
  position: relative;
  margin-bottom: 10px; }

.buy-now .choose-between p,
.buy-now .choose-between h1 {
  display: inline; }

.buy-now .choose-between .three {
  margin: 25px auto;
  width: 50%;
  float: left; }

.buy-now .choose-between .or {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 35%; }

.buy-now .choose-between .or p.text-bottom {
  background: #FFF;
  border-radius: 50%;
  color: #4e4e4e;
  font-size: 15px;
  font-style: italic;
  padding: 1px 6px 5px 4px; }

.buy-now .choose-between .thirthy {
  margin: 30px auto;
  width: 50%;
  float: right; }

.buy-now .choose-between .or .verticalLine {
  height: 70px;
  position: absolute;
  top: -20px;
  left: 50%;
  border-left: 1px solid #E1E1E1;
  z-index: -10;
  opacity: 0.5; }

.buy-now .subscription-selection {
  border-top: 5px solid #FFF;
  height: 100%; }

.buy-now .subscription-selection .green-background {
  width: 70%;
  margin: 30px auto;
  height: 70px;
  border-radius: 5px; }

.buy-now .subscription-selection .green-background a {
  text-decoration: none;
  color: #FFF;
  height: 70px;
  line-height: 70px;
  vertical-align: middle;
  font-size: 1.3em;
  font-weight: bold; }

.buy-now .subscription-selection img {
  margin-bottom: 30px;
  width: 100px; }

.buy-now #choose_subscription_level {
  width: 70%;
  margin: 30px auto 0 auto;
  font-weight: 400; }

.subtitle.gold {
  color: #e09f0d; }

.subtitle.blue {
  color: #0f74b4; }

.join-wizcomm .member .section-container {
  font-family: serif; }

@media (max-width: 1800px) {
  .join-content p {
    /*padding-top:20%;*/ }
  .buy-now .tallest-text {
    font-size: 40px; }
  .buy-now .tall-text {
    font-size: 30px; }
  .buy-now .text-top {
    font-size: 15px; }
  .buy-now .text-bottom {
    font-size: 15px; }
  .buy-now .text-small {
    font-size: 10px; } }

@media (max-width: 1500px) {
  .join-content-montage h3 {
    font-size: 30px; }
  .join-content-montage h4.more-than-radio {
    font-size: 20px; }
  .join-content p {
    font-size: 20px; } }

@media (max-width: 1400px) {
  .join-content p {
    padding-top: 0; } }

@media (max-width: 1200px) {
  .join-content p {
    padding-top: 0; }
  .join-content-montage h4.more-than-radio {
    font-size: 20px; }
  .join-content-montage h3 {
    font-size: 28px; }
  .join-wizcomm .join_banner h1 {
    padding: 2rem 1rem; }
  .buy-now .tallest-text {
    font-size: 45px; }
  .buy-now .tall-text {
    font-size: 35px; }
  .buy-now .text-top {
    font-size: 20px; }
  .buy-now .text-bottom {
    font-size: 20px; }
  .buy-now .text-small {
    font-size: 15px; } }

@media (max-width: 991px) {
  .buy-now {
    margin: 20px auto 40px auto; }
  div.premium-advantages {
    /*margin: 20px 10%;*/
    margin: 0; }
    div.premium-advantages table td, div.premium-advantages table td:first-child {
      padding-bottom: 4rem; }
  .buy-now .tallest-text {
    font-size: 55px; }
  .buy-now .tall-text {
    font-size: 45px; }
  .buy-now .text-top {
    font-size: 30px; }
  .buy-now .text-bottom {
    font-size: 30px; }
  .join-content-montage {
    min-height: 275px; }
    .join-content-montage img.logo {
      padding-top: 1.5rem; }
    .join-content-montage h3 {
      margin-top: 3rem; }
    .join-content-montage h4.more-than-radio {
      margin-bottom: 1rem; }
  .join-content p {
    padding-bottom: 2.5rem; } }

@media (max-width: 860px) {
  .join-content p {
    /*padding-top: 5%;*/ } }

@media (max-width: 750px) {
  .join-content-montage img.logo {
    width: 25%;
    top: 15%; }
  .join-content-montage h3 {
    position: relative; }
  .join-content-montage h4.more-than-radio {
    position: relative; }
  .buy-now .tallest-text {
    font-size: 45px; }
  .buy-now .tall-text {
    font-size: 35px; }
  .buy-now .text-top {
    font-size: 20px; }
  .buy-now .text-bottom {
    font-size: 20px; } }

@media (max-width: 600px) {
  .join-content-montage h3 {
    font-size: 25px; }
  .join-content-montage h4.more-than-radio {
    font-size: 17px; }
  .join-content p {
    font-size: 15px; } }

@media (max-width: 400px) {
  .join-content-montage img.logo {
    top: 10%;
    width: 35%; }
  .buy-now .choose-between {
    height: 100%; }
  .buy-now .choose-between .three {
    display: block;
    margin: 0 auto;
    float: none;
    padding: 10px 0; }
  .buy-now .choose-between .or {
    display: block;
    position: relative; }
  .buy-now .choose-between .or p.text-bottom {
    background: #FFF;
    font-size: 15px; }
  .buy-now .choose-between .thirthy {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 10px 0; }
  .buy-now .choose-between .or .verticalLine {
    display: none; }
  .buy-now .text-top, .buy-now .subscription-selection .green-background a {
    font-size: 15px; } }

/********************
***JOIN PAGE END***
********************/
/*
CSS for playlist on mobile.
*/
@media only screen and (max-width: 500px) {
  /* Force table to not be like tables anymore */
  .playlist.table table, thead, tbody, th, td, tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .playlist.table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .playlist.table tr {
    border: 1px solid #ccc; }
  .playlist.table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    min-height: 35px; }
  .playlist.table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap; }
  /*
  Label the data
  */
  .playlist.table .playlist-table td:nth-of-type(1):before {
    content: "Play"; }
  .playlist.table .playlist-table td:nth-of-type(2):before {
    content: "Favorite"; }
  .playlist.table .playlist-table td:nth-of-type(3):before {
    content: "Orig Air Date"; }
  .playlist.table .playlist-table td:nth-of-type(4):before {
    content: "Episode Name"; }
  .playlist.table .playlist-table td:nth-of-type(5):before {
    content: "Topic"; }
  .playlist.table .playlist-table td:before {
    content: "Download"; }
  .inner .table tr td.text-center {
    text-align: left; }
  .playlist.table .episode-title {
    max-width: none;
    white-space: normal;
    overflow: auto;
    text-overflow: ellipsis; } }

.margin-bottom-xs {
  margin-bottom: 0.5rem; }

.margin-bottom-sm {
  margin-bottom: 1rem; }

.margin-bottom-md {
  margin-bottom: 2rem; }

.margin-bottom-lg {
  margin-bottom: 4rem; }

.margin-bottom-xlg {
  margin-bottom: 6rem; }

.margin-top-xs {
  margin-bottom: 0.5rem; }

.margin-top-sm {
  margin-top: 1rem; }

.margin-top-md {
  margin-top: 2rem; }

.margin-top-lg {
  margin-top: 4rem; }

.margin-top-xlg {
  margin-top: 6rem; }

#buy-now-link-month {
  display: none; }

body.alert-change #header .navbar.navbar-default {
  margin-top: 40px; }

body.alert-change.home #content {
  top: 40px;
  margin-top: 0; }

body.alert-change #content {
  margin-top: 40px; }

@media (max-width: 665px) {
  body.alert-change #header .navbar.navbar-default {
    margin-top: 70px; }
  body.alert-change #content {
    top: 60px; } }

@media (max-width: 348px) {
  body.alert-change #header .navbar.navbar-default {
    margin-top: 95px; }
  body.alert-change #content {
    top: 80px; } }

body.alert-change #header .navbar.navbar-default {
  margin-top: 40px; }

body.alert-change #content {
  top: 40px; }

body.alert-change .listen-intro {
  padding-top: 180px; }

@media (min-width: 992px) {
  body.alert-change .author-feature-grid-container .author-square-container {
    height: 45%;
    top: 10%; } }

@media (max-width: 665px) {
  body.alert-change #header .navbar.navbar-default {
    margin-top: 90px; }
  body.alert-change #content {
    top: 60px; } }

@media (max-width: 348px) {
  body.alert-change #header .navbar.navbar-default {
    margin-top: 95px; }
  body.alert-change #content {
    top: 80px; } }

/* app css stylesheet */
.debug {
  display: none; }

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em; }

.menu:before {
  content: "["; }

.menu:after {
  content: "]"; }

.menu > li {
  display: inline; }

.menu > li:before {
  content: "|";
  padding-right: 0.3em; }

.menu > li:nth-child(1):before {
  content: "";
  padding: 0; }

.done-true {
  text-decoration: line-through;
  color: grey; }

.ie-alert {
  display: none; }

html.ie9 .ie-alert, html.ie10 .ie-alert, html.ie11 .ie-alert {
  display: block; }

.mobile-icon {
  display: inline-block;
  width: 25px;
  height: 26px;
  background: url("https://cdn.hayhouseradio.com/img/socialMobileImg.png") 0 0 no-repeat; }
  .mobile-icon.facebookHomeMobileImg {
    background-position: 0 0; }
  .mobile-icon.twitterHomeMobileImg {
    background-position: -25px 0; }
  .mobile-icon.youtubeHomeMobileImg {
    background-position: -50px 0; }
  .mobile-icon.heartHomeMobileImg {
    background-position: -75px 0; }

.icon-sprite {
  display: inline-block;
  background: url("https://cdn.hayhouseradio.com/img/iconSprites.png") 0 0 no-repeat;
  vertical-align: middle; }
  .icon-sprite.globe {
    width: 12px;
    height: 13px;
    background-position: 0 0; }
  .icon-sprite.connect {
    width: 20px;
    height: 13px;
    background-position: 0px -13px; }
  .icon-sprite.callInMobile {
    width: 51px;
    height: 51px;
    background-position: -27px -1px; }
  .icon-sprite.icon_listen_live_toolbar {
    width: 17px;
    height: 22px;
    background-position: 0 -26px; }
  .icon-sprite.login-triangle {
    width: 24px;
    height: 9px;
    background-position: 0 -50px; }

/*# sourceMappingURL=app.css.map */
