/* CSS for pethub.com/podcasts */

body.page-podcasts h1.page-header {
  display: none;
}

/********** Podcasts - page showing the grid of available podcasts **********/
img#pod-banner {
  width: 912px; /* 180px height is the goal. Cannot set height; messes w/ img.responsive */
}
/* center the content card image */
span.podcasts-field-content-card-image img {
  margin-left: auto;
  margin-right: auto;
}


/********** Podcasts View - page showing a specific podcast **********/
/* get columns to have same height (see post: https://www.codeply.com/p/pdiSNSEfzD ) */

body.page-podcasts .row-flex {
  display: flex;
  flex-wrap: wrap;
}

.ph-podcasts-grid-full-height {
  height: 100%;
  padding: 20px 20px 10px
}

body.page-podcasts div.view-content [class*="col-"] {
  margin-bottom: 30px;
}

/* position player at the bottom of the container, horizontally centered */
.podcast-placeholder {
  height: 200px;
}
.well.well-lg.ph-podcasts-grid-full-height {
  position: relative;
}
div.podcast-player {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 10px;
  margin-right: 10px;
}

article.node-podcast .field.field-name-field-perk-offer-name.field-type-text.field-label-hidden {
  margin: 10px 0;
  font-weight: bold;
}

/********** Media Modifications for Viewport Size **********/

/*** Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/*** Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/*** Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}