#podcast-page, .page-node-type-podcast .main-container {
  font-family: 'boston-semibolduploaded_file';
  max-width: 95%;
  width: 95%;
}

.page-node-type-podcast .row section.col-sm-9 {
  width: 100%;
}

#featured-podcast {
  background-color: rgba(11, 0, 27, 1);
  box-shadow: 0.5px 0.5px 5px 0 #f77afb, inset 0.5px 0.5px 5px 0 #f77afb;
  border: solid 1.5px #f77afb!important;
  border-radius: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33% 41% 25%;
  grid-template-columns: 33% 41% 25%;
  grid-column-gap: 10px;
  min-height: 350px;
  margin-bottom: 30px;
  padding: 20px;
}

#featured-podcast > div:nth-of-type(1) { -ms-grid-column: 1; -ms-grid-row: 1; }
#featured-podcast > div:nth-of-type(2) { -ms-grid-column: 2; -ms-grid-row: 1; }
#featured-podcast > div:nth-of-type(3) { -ms-grid-column: 3; -ms-grid-row: 1; }

#featured-podcast .podcast-image img {
  max-width: 559px;
  width: 100%;
  min-width: 100%;
}

#featured-podcast h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}

#featured-podcast .podcast-details .download {
  background-image: linear-gradient(103deg, #feed00, #ff7200 53%, #fe1dbc);
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: 2px;
  border-radius: 23px; 
  color: white;
  width: 100%;
  transition-duration: .3s;
}

#featured-podcast .podcast-details p, #featured-podcast .podcast-details .field-duration, #featured-podcast .podcast-details .download {
  margin-bottom: 10px;
}


#featured-podcast .podcast-services {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 15px;
}

#featured-podcast .podcast-services span {
  margin-bottom: 10px;
}

#featured-podcast .podcast-services a {
  border-radius: 23px;
  border: none;
  color: white!important;
  text-shadow: none;
  display: block;
  font-size: 15px;
  margin-bottom: 10px;
  width: 100%;
  transition-duration: .3s;
}

#featured-podcast .podcast-newsletter {
  background: #3b3b3b;
  border-radius: 3px;
  font-size: 12px;
  margin-top: 20px;
  padding: 5px 15px 20px;
}

#featured-podcast .podcast-newsletter h4 {
  font-size: 22px;
}

#featured-podcast .podcast-newsletter .email-description {
  margin-bottom: 10px;
}

#featured-podcast .podcast-newsletter a {
  color: white!important;
  text-shadow: none;
  text-decoration: underline;
}

#featured-podcast .podcast-newsletter a:hover {
  text-decoration: none;
}

#featured-podcast .podcast-newsletter .email-options p:nth-child(1) {
  display: flex;
  align-content: center;
}

#featured-podcast .podcast-newsletter .email-options p input {
  display: inline-block;
  margin-top: 0px;
  margin-right: 5px;
  vertical-align: middle;
}

#featured-podcast .podcast-newsletter input.email_address {
  border: 1px solid rgba(59, 59, 59, 0.5);
  background: #444444;
  color: #f7fdff;
  font-family: inherit;
  border-radius: 0px;
  height: 40px;
  text-shadow: none;
  outline: none;
  width: 100%;
  padding: 6px 12px;
  font-size: 16px;
  box-shadow: none;
}

#featured-podcast .podcast-newsletter input.email-submit {
  padding: 5px  30px;
  font-size: 12px;
  line-height: 1.5;
  box-shadow: none;
  height: 40px;
  background-color: transparent;
  color: #fffbff;
  background-image: none;
  text-shadow: none;
  outline: none;
  letter-spacing: 2px;
  font-weight: 300;
  border-radius: 23px;
  border: 2px solid #fffbff;
  transition-duration: .3s;
}

#featured-podcast .podcast-newsletter input.email-submit:hover {
  background-color: white;
  color: #3b3b3b;
}

/* Past Podcasts */
.podcast-grid-item {
  padding: 5px; 
  margin: 0px;
  background-color: rgba(11, 0, 27, 1); 
}

.podcast-grid-item .podcast_content {
  box-shadow: 0.5px 0.5px 5px 0 #f77afb, inset 0.5px 0.5px 5px 0 #f77afb;
  border: solid 1.5px #f77afb!important;
  border-radius: 3px;
  padding: 20px;
}

.podcast-grid-item .field-content {
  margin-bottom: 10px;
}

.podcast-grid-item .field-content span:first-of-type {
  margin-right: 10px;
}

.podcast-grid-item .field-content span:last-of-type {
  color: white;
  font-size: 12px;
}

.podcast-grid-item .img {
  margin-bottom: 10px;
}

.podcast-grid-item .views-field-title-1 a {
  color: white!important;
  font-size: 24px;
  margin-bottom: 10px;
  text-shadow: none;
}

.podcast-grid-item .views-field-body a {
  color: white!important; 
  text-shadow: none;
}

/* Podcast Node */

.page-node-type-podcast .region-sidebar-second, .page-node-type-podcast aside.col-sm-3 {
  display: none;
}

/* Page Tweaks */
.page-node-type-podcast footer.container, .path-podcast footer.container {
  width: 95%;
}

.page-node-type-podcast .fb-comments > span {
  width: 40%!important;
}


/* Audio Player */
.jp-audio {
  border: none!important;
  margin-bottom: 10px;
  width: 100%!important;
}

/* Service Buttons */

.itunes {
  background-color: #3b3b3b!important;
}

.itunes:hover, .spotify:hover, .soundcloud:hover, .stitcher:hover, .youtube:hover, .google.play:hover, .pocket.casts:hover, .overcast:hover, .iheartradio:hover {
  opacity: .8;
}

.spotify {
  background-color: #58CB7A!important;
}

.soundcloud {
  background-color: #F9591F!important;
}

.stitcher {
  background-color: #20B0DB!important;
}

.youtube {
  background-color: #DE223B!important;
}

.google.play {
  background-color: #FF5723!important;
}

.pocket.casts {
  background-color: #F44437!important;
}

.overcast {
  background-color: #FC7E0F!important;
}

.iheartradio {
  background-color: #DE223B!important;
}

@font-face {
  font-family: 'podcastpack';
  src: url('../fonts/podcastpack.eot?41590697');
  src: url('../fonts/podcastpack.eot?41590697#iefix') format('embedded-opentype'),
       url('../fonts/podcastpack.woff2?41590697') format('woff2'),
       url('../fonts/podcastpack.woff?41590697') format('woff'),
       url('../fonts/podcastpack.ttf?41590697') format('truetype'),
       url('../fonts/podcastpack.svg?41590697#podcastpack') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'podcastpack';
    src: url('../font/podcastpack.svg?41590697#podcastpack') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "podcastpack";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-google.play:before { content: '\e800'; } /* '' */
.icon-overcast:before { content: '\e801'; } /* '' */
.icon-pocket.casts:before { content: '\e802'; } /* '' */
.icon-stitcher:before { content: '\e803'; } /* '' */
.icon-youtube:before { content: '\f16a'; } /* '' */
.icon-itunes:before { content: '\f179'; } /* '' */
.icon-spotify:before { content: '\f1bc'; } /* '' */
.icon-soundcloud:before { content: '\f1be'; } /* '' */

@media (max-width: 1799px) {
  body {
    background-position: center -100px;
    background-size: 120% auto;
  }
}

@media (max-width: 1599px) {
  body {
    background-position: center -100px;
    background-size: 130% auto;
  }
}

@media (max-width: 1199px) {
  body {
    background-position: center -50px;
    background-size: 140% auto;
  }
}

@media (max-width: 991px) {
  #featured-podcast {
    
  }
}

@media (max-width: 767px) {
  #featured-podcast {
    grid-template-columns: 100%;
    grid-template-rows: 1fr;
  }

  #featured-podcast > div, #featured-podcast .podcast-details {
    margin-bottom: 30px;
  }

  #featured-podcast .podcast-services {
    padding: 0px!important;
  }

  .jp-audio .jp-controls {
    max-width: 100%;
  }

  .jp-audio .jp-type-single .jp-progress {
    width: 145px!important;
  }

  .jp-audio .jp-type-single .jp-time-holder {
    width: 140px!important;
  }

  .jp-audio .jp-interface {
    margin-bottom: 10px;
  }
  
  .podcast-grid-item {
    width: 50%!important;
  }
}

@media (max-width: 480px) {
  .podcast-grid-item {
    width: 100%!important;
  }
}