/*********************
BREAKPOINTS
*********************/
/* Custom Post Types */
body.archive.post-type-archive-album-review .site-main, body.archive.post-type-archive-podcast .site-main {
  grid-auto-rows: auto;
  padding: 2rem 0;
}
body.archive.post-type-archive-album-review .album-review, body.archive.post-type-archive-album-review .podcast, body.archive.post-type-archive-podcast .album-review, body.archive.post-type-archive-podcast .podcast {
  max-width: 32.5rem;
  margin: auto;
}
body.archive.post-type-archive-album-review .album-review, body.archive.post-type-archive-podcast .album-review {
  grid-column: span 6;
  margin-bottom: 2rem;
}
@media (min-width: 41.625em) {
  body.archive.post-type-archive-album-review .album-review, body.archive.post-type-archive-podcast .album-review {
    margin-bottom: 0;
  }
}
@media (min-width: 65em) {
  body.archive.post-type-archive-album-review .album-review, body.archive.post-type-archive-podcast .album-review {
    grid-column: span 4;
  }
}
body.archive.post-type-archive-album-review .album-review-link, body.archive.post-type-archive-podcast .album-review-link {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  text-align: center;
}
body.archive.post-type-archive-album-review .featured-img, body.archive.post-type-archive-podcast .featured-img {
  max-height: 325px !important;
  width: 100%;
  height: auto;
}
body.archive.post-type-archive-album-review .featured-img img, body.archive.post-type-archive-podcast .featured-img img {
  width: auto;
  height: auto;
  aspect-ratio: 1/1;
}
body.archive.post-type-archive-album-review .entry-all-content.album-review, body.archive.post-type-archive-podcast .entry-all-content.album-review {
  position: relative !important;
  padding: 0.1rem 1rem 0.1rem !important;
  align-content: center;
  justify-content: center;
  min-height: 12.4rem;
  display: grid;
}
body.archive.post-type-archive-album-review .entry-all-content.album-review p, body.archive.post-type-archive-podcast .entry-all-content.album-review p {
  font-size: 1.4rem;
}
body.archive.post-type-archive-album-review .entry-all-content.album-review p:not(.description), body.archive.post-type-archive-podcast .entry-all-content.album-review p:not(.description) {
  color: #ff3300;
}
body.archive.post-type-archive-album-review h2.entry-title, body.archive.post-type-archive-podcast h2.entry-title {
  font-size: 2rem;
}
body.archive.post-type-archive-podcast .site-main {
  grid-auto-rows: 45.5rem;
  grid-template-rows: 45.5rem;
}
body.archive.post-type-archive-podcast #primary article {
  grid-column: span 6;
}
@media (min-width: 51em) {
  body.archive.post-type-archive-podcast #primary article {
    grid-column: span 4;
  }
}
@media (min-width: 65em) {
  body.archive.post-type-archive-podcast #primary article {
    grid-column: span 3;
  }
}

.album-grid-content article {
  grid-column: span 3 !important;
  max-width: 32.5rem;
  margin: auto;
  padding: 0 !important;
  border-bottom: 0 !important;
}
.album-grid-content .album-review-link {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  text-align: center;
}
.album-grid-content .featured-img {
  max-height: 325px;
  width: 100%;
}
.album-grid-content .featured-img img {
  width: auto;
  height: auto;
}
.album-grid-content .entry-all-content.album-review {
  position: relative;
  padding: 0.1rem 1rem 0.1rem;
  align-content: center;
  min-height: 12.4rem;
  display: grid;
  justify-content: center;
  color: #20201f;
}
.album-grid-content .entry-all-content.album-review p {
  font-size: 1.4rem;
  flex: 1 1 100%;
}
.album-grid-content .entry-all-content.album-review p:not(.description) {
  color: #ff3300;
}
.album-grid-content h2.entry-title {
  font-size: 2rem;
  flex: 1 1 100%;
}

body.album-review-template-default.single-album-review .main-container {
  display: block;
}
body.album-review-template-default.single-album-review .album-review {
  display: flex;
  flex-wrap: wrap;
  padding: 2.6rem 0;
}
body.album-review-template-default.single-album-review .album-review h1.entry-title {
  margin: 1.6rem 0 0.5rem;
  line-height: 1;
}
body.album-review-template-default.single-album-review .album-review .entry-content {
  margin: 1.6rem 0 0 0;
}

.album-sidebar {
  flex: 1 1 100%;
  order: 2;
  text-align: center;
}
@media (min-width: 41.625em) {
  .album-sidebar {
    flex: 0 1 32.5rem;
    order: 1;
  }
}

.album-purchase-link.button {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.15rem;
  padding: 1rem 1rem 0.9rem;
  line-height: 1;
}

.album-main {
  flex: 1;
  order: 1;
}
@media (min-width: 41.625em) {
  .album-main {
    margin-left: 3.2rem;
    order: 2;
  }
}

.record-label, .album-release {
  font-family: "Oswald", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
  letter-spacing: 0.01rem;
  display: inline-block;
  margin: 0 1rem 0 0;
}
.record-label strong, .album-release strong {
  font-weight: 400;
}

.album-title {
  font-family: "Oswald", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  letter-spacing: 0.01rem;
  font-size: 2rem;
  margin: 0 0 1rem;
}

footer.entry-footer {
  flex: 1 1 100%;
  order: 3;
}

div#grackle-score {
  display: flex;
  max-width: 23rem;
  margin: auto;
  height: 2.9rem;
}

.flexbird {
  flex: 0 1 46rem;
}

.q-bird #onebird rect.redfill {
  x: -60%;
}
.q-bird #onebird rect.blackfill {
  x: 40%;
}

.fifty-bird #onebird rect.redfill {
  x: -45%;
}
.fifty-bird #onebird rect.blackfill {
  x: 55%;
}

.threeq-bird #onebird rect.redfill {
  x: -29%;
}
.threeq-bird #onebird rect.blackfill {
  x: 71%;
}

.one-bird #onebird rect.redfill {
  x: 0;
}
.one-bird #onebird rect.blackfill {
  x: 100%;
}

.one-q-bird #onebird rect.redfill {
  x: 0;
}
.one-q-bird #onebird rect.blackfill {
  x: 100%;
}
.one-q-bird #twobird rect.redfill {
  x: -60%;
}
.one-q-bird #twobird rect.blackfill {
  x: 40%;
}

.one-fifty-bird #onebird rect.redfill {
  x: 0;
}
.one-fifty-bird #onebird rect.blackfill {
  x: 100%;
}
.one-fifty-bird #twobird rect.redfill {
  x: -45%;
}
.one-fifty-bird #twobird rect.blackfill {
  x: 55%;
}

.one-threeq-bird #onebird rect.redfill {
  x: 0;
}
.one-threeq-bird #onebird rect.blackfill {
  x: 100%;
}
.one-threeq-bird #twobird rect.redfill {
  x: -29%;
}
.one-threeq-bird #twobird rect.blackfill {
  x: 71%;
}

.two-bird #onebird rect.redfill, .two-bird #twobird rect.redfill {
  x: 0;
}
.two-bird #onebird rect.blackfill, .two-bird #twobird rect.blackfill {
  x: 100%;
}

.two-q-bird #onebird rect.redfill, .two-q-bird #twobird rect.redfill {
  x: 0;
}
.two-q-bird #onebird rect.blackfill, .two-q-bird #twobird rect.blackfill {
  x: 100%;
}
.two-q-bird #threebird rect.redfill {
  x: -60%;
}
.two-q-bird #threebird rect.blackfill {
  x: 40%;
}

.two-fifty-bird #onebird rect.redfill, .two-fifty-bird #twobird rect.redfill {
  x: 0;
}
.two-fifty-bird #onebird rect.blackfill, .two-fifty-bird #twobird rect.blackfill {
  x: 100%;
}
.two-fifty-bird #threebird rect.redfill {
  x: -45%;
}
.two-fifty-bird #threebird rect.blackfill {
  x: 55%;
}

.two-threeq-bird #onebird rect.redfill, .two-threeq-bird #twobird rect.redfill {
  x: 0;
}
.two-threeq-bird #onebird rect.blackfill, .two-threeq-bird #twobird rect.blackfill {
  x: 100%;
}
.two-threeq-bird #threebird rect.redfill {
  x: -29%;
}
.two-threeq-bird #threebird rect.blackfill {
  x: 71%;
}

.three-bird #onebird rect.redfill, .three-bird #twobird rect.redfill, .three-bird #threebird rect.redfill {
  x: 0;
}
.three-bird #onebird rect.blackfill, .three-bird #twobird rect.blackfill, .three-bird #threebird rect.blackfill {
  x: 100%;
}

.three-q-bird #onebird rect.redfill, .three-q-bird #twobird rect.redfill, .three-q-bird #threebird rect.redfill {
  x: 0;
}
.three-q-bird #onebird rect.blackfill, .three-q-bird #twobird rect.blackfill, .three-q-bird #threebird rect.blackfill {
  x: 100%;
}
.three-q-bird #fourbird rect.redfill {
  x: -60%;
}
.three-q-bird #fourbird rect.blackfill {
  x: 40%;
}

.three-fifty-bird #onebird rect.redfill, .three-fifty-bird #twobird rect.redfill, .three-fifty-bird #threebird rect.redfill {
  x: 0;
}
.three-fifty-bird #onebird rect.blackfill, .three-fifty-bird #twobird rect.blackfill, .three-fifty-bird #threebird rect.blackfill {
  x: 100%;
}
.three-fifty-bird #fourbird rect.redfill {
  x: -45%;
}
.three-fifty-bird #fourbird rect.blackfill {
  x: 55%;
}

.three-threeq-bird #onebird rect.redfill, .three-threeq-bird #twobird rect.redfill, .three-threeq-bird #threebird rect.redfill {
  x: 0;
}
.three-threeq-bird #onebird rect.blackfill, .three-threeq-bird #twobird rect.blackfill, .three-threeq-bird #threebird rect.blackfill {
  x: 100%;
}
.three-threeq-bird #fourbird rect.redfill {
  x: -29%;
}
.three-threeq-bird #fourbird rect.blackfill {
  x: 71%;
}

.four-bird #onebird rect.redfill, .four-bird #twobird rect.redfill, .four-bird #threebird rect.redfill, .four-bird #fourbird rect.redfill {
  x: 0;
}
.four-bird #onebird rect.blackfill, .four-bird #twobird rect.blackfill, .four-bird #threebird rect.blackfill, .four-bird #fourbird rect.blackfill {
  x: 100%;
}

.four-q-bird #onebird rect.redfill, .four-q-bird #twobird rect.redfill, .four-q-bird #threebird rect.redfill, .four-q-bird #fourbird rect.redfill {
  x: 0;
}
.four-q-bird #onebird rect.blackfill, .four-q-bird #twobird rect.blackfill, .four-q-bird #threebird rect.blackfill, .four-q-bird #fourbird rect.blackfill {
  x: 100%;
}
.four-q-bird #fivebird rect.redfill {
  x: -60%;
}
.four-q-bird #fivebird rect.blackfill {
  x: 40%;
}

.four-fifty-bird #onebird rect.redfill, .four-fifty-bird #twobird rect.redfill, .four-fifty-bird #threebird rect.redfill, .four-fifty-bird #fourbird rect.redfill {
  x: 0;
}
.four-fifty-bird #onebird rect.blackfill, .four-fifty-bird #twobird rect.blackfill, .four-fifty-bird #threebird rect.blackfill, .four-fifty-bird #fourbird rect.blackfill {
  x: 100%;
}
.four-fifty-bird #fivebird rect.redfill {
  x: -45%;
}
.four-fifty-bird #fivebird rect.blackfill {
  x: 55%;
}

.four-threeq-bird #onebird rect.redfill, .four-threeq-bird #twobird rect.redfill, .four-threeq-bird #threebird rect.redfill, .four-threeq-bird #fourbird rect.redfill {
  x: 0;
}
.four-threeq-bird #onebird rect.blackfill, .four-threeq-bird #twobird rect.blackfill, .four-threeq-bird #threebird rect.blackfill, .four-threeq-bird #fourbird rect.blackfill {
  x: 100%;
}
.four-threeq-bird #fivebird rect.redfill {
  x: -29%;
}
.four-threeq-bird #fivebird rect.blackfill {
  x: 71%;
}

.five-bird #onebird rect.redfill, .five-bird #twobird rect.redfill, .five-bird #threebird rect.redfill, .five-bird #threebird rect.redfill, .five-bird #fourbird rect.redfill, .five-bird #fivebird rect.redfill {
  x: 0;
}
.five-bird #onebird rect.blackfill, .five-bird #twobird rect.blackfill, .five-bird #threebird rect.blackfill, .five-bird #threebird rect.blackfill, .five-bird #fourbird rect.blackfill, .five-bird #fivebird rect.blackfill {
  x: 100%;
}

.host-staff-meta {
  color: #000;
  text-align: center;
  padding: 1.6rem 1.6rem 2.5rem;
}
.host-staff-meta h2 {
  line-height: 1;
}
.host-staff-meta p {
  font-size: 1.4rem;
  margin: 0;
  display: inline-block;
}
.host-staff-meta p.kutx-title {
  text-transform: uppercase;
  font-weight: 500;
}

.archive.post-type-archive-hosts-staff .site-main {
  padding: 2rem 0;
  grid-auto-rows: auto;
}
.archive.post-type-archive-hosts-staff article {
  border-bottom: 0.5rem solid #ff3300;
  grid-column: span 4;
}
@media (min-width: 41.625em) {
  .archive.post-type-archive-hosts-staff article {
    grid-column: span 6;
  }
}
@media (min-width: 51em) {
  .archive.post-type-archive-hosts-staff article {
    grid-column: span 4;
  }
}

.related-grid {
  background: #f1f1f1;
}

.artist-grid-content, .show-grid-content, .album-grid-content, .hosts-grid-content {
  display: grid;
  grid-template-rows: minmax(60px, auto);
  grid-auto-rows: auto;
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  -webkit-align-content: start;
  align-content: start;
  max-width: 135.5rem;
  margin: auto;
  padding: 3rem 2rem 5rem;
}
@media (min-width: 41.625em) {
  .artist-grid-content, .show-grid-content, .album-grid-content, .hosts-grid-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 51em) {
  .artist-grid-content, .show-grid-content, .album-grid-content, .hosts-grid-content {
    grid-template-columns: repeat(12, 1fr);
  }
}
.artist-grid-content .kutx-aom, .show-grid-content .kutx-aom, .album-grid-content .kutx-aom, .hosts-grid-content .kutx-aom {
  font-weight: 300;
  font-size: 4.5rem;
  margin: 0;
  line-height: 1;
}
@media (min-width: 41.625em) {
  .artist-grid-content .kutx-aom, .show-grid-content .kutx-aom, .album-grid-content .kutx-aom, .hosts-grid-content .kutx-aom {
    grid-column: span 2;
  }
}
@media (min-width: 51em) {
  .artist-grid-content .kutx-aom, .show-grid-content .kutx-aom, .album-grid-content .kutx-aom, .hosts-grid-content .kutx-aom {
    grid-column: span 12;
  }
}
.artist-grid-content .kutx-button-bar, .show-grid-content .kutx-button-bar, .album-grid-content .kutx-button-bar, .hosts-grid-content .kutx-button-bar {
  text-align: center;
  margin-top: 3rem;
}
@media (min-width: 41.625em) {
  .artist-grid-content .kutx-button-bar, .show-grid-content .kutx-button-bar, .album-grid-content .kutx-button-bar, .hosts-grid-content .kutx-button-bar {
    grid-column: span 2;
  }
}
@media (min-width: 51em) {
  .artist-grid-content .kutx-button-bar, .show-grid-content .kutx-button-bar, .album-grid-content .kutx-button-bar, .hosts-grid-content .kutx-button-bar {
    grid-column: span 12;
  }
}

.artist-grid-content article, .show-grid-content article, .album-grid-content article, .hosts-grid-content article {
  position: relative;
  min-height: 100px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-bottom: 0.5rem solid #ff3300;
  background: #fff;
}
@media (min-width: 51em) {
  .artist-grid-content article, .show-grid-content article, .album-grid-content article, .hosts-grid-content article {
    grid-column: span 3;
  }
}
.artist-grid-content article img, .show-grid-content article img, .album-grid-content article img, .hosts-grid-content article img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.archive.post-type-archive-artist-month article {
  border-bottom: 0.5rem solid #ff3300;
  grid-column: span 4;
}
@media (min-width: 41.625em) {
  .archive.post-type-archive-artist-month article {
    grid-column: span 6;
  }
}
@media (min-width: 51em) {
  .archive.post-type-archive-artist-month article {
    grid-column: span 4;
  }
}

@media (min-width: 51em) {
  .artist-grid-content article {
    grid-column: span 4;
  }
}

.hosts-grid-content h2.kutx-aom {
  text-align: center;
}
@media (min-width: 41.625em) {
  .hosts-grid-content article {
    grid-column: span 1;
  }
}
@media (min-width: 51em) {
  .hosts-grid-content article {
    grid-column: span 4;
  }
}
@media (min-width: 65em) {
  .hosts-grid-content article {
    grid-column: span 4;
  }
}

.single-hosts-staff p.kutx-schedule {
  margin-bottom: 0;
}
.single-hosts-staff h1.entry-title {
  margin-bottom: 0;
  margin-right: 1rem;
}
.single-hosts-staff header.entry-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.single-hosts-staff .host-meta {
  font-size: 2.3rem;
  font-family: "Oswald", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
}
.single-hosts-staff .host-meta p {
  margin-bottom: 0;
}
.single-hosts-staff p.hosted-by {
  flex: 1 1 100%;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #ff3300;
}
.single-hosts-staff span.joiner:first-of-type {
  display: none;
}

ul.related-shows {
  margin: 1.6rem auto;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 51em) {
  ul.related-shows {
    margin: 1.2rem auto 1.6rem;
  }
}
ul.related-shows a.button {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 500;
  background-color: #ff3300;
  color: #fff;
  border: 0;
  border-radius: 50rem;
  margin: 0 1rem 0 0;
}
ul.related-shows a.button:hover, ul.related-shows a.button:focus {
  background-color: #b32400;
}

@media (min-width: 51em) {
  .follow-social-media {
    margin-right: 0;
    margin-left: auto;
  }
}
.follow-social-media a {
  margin: 0 0 0 1rem;
}

.show-meta, .related-show-meta {
  text-align: center;
  padding: 0 1rem;
}
.show-meta h2, .related-show-meta h2 {
  color: #000;
}
.archive.post-type-archive-show .show-meta, .related-show-meta {
  padding: 1.6rem 1.6rem 2.5rem;
}

p.kutx-show-schedule {
  color: #00a0ff;
}

.archive.post-type-archive-show .site-main {
  padding: 2rem 0;
  grid-auto-rows: auto;
}
.archive.post-type-archive-show #primary article {
  grid-column: span 6;
  border-bottom: 0.5rem solid #00a0ff;
}
@media (min-width: 51em) {
  .archive.post-type-archive-show #primary article {
    grid-column: span 4;
  }
}
@media (min-width: 65em) {
  .archive.post-type-archive-show #primary article {
    grid-column: span 3;
  }
}
.archive.post-type-archive-show .show-featured-img {
  padding: 0.1rem;
  margin: -0.1rem;
}
.archive.post-type-archive-show .show-featured-img img {
  margin: 4.5rem auto 0;
  object-fit: initial;
  height: auto;
  width: auto;
}

.show-grid-content .show-meta {
  padding: 1.6rem 1.6rem 2.5rem;
}
.show-grid-content article {
  border-bottom: 0.5rem solid #00a0ff;
}
@media (min-width: 51em) {
  .show-grid-content article {
    grid-column: span 4;
  }
}
@media (min-width: 65em) {
  .show-grid-content article {
    grid-column: span 3;
  }
}
.show-grid-content .show-featured-img {
  padding: 0.1rem;
  margin: -0.1rem;
}
.show-grid-content .show-featured-img img {
  margin: 4.5rem auto 0;
  object-fit: initial;
  height: auto;
  width: auto;
}

.kutx-button-bar {
  text-align: center;
  margin: 6rem 0;
}

.single-show p.kutx-schedule, .single-podcast p.kutx-schedule, .single-artist-month p.kutx-schedule {
  margin-bottom: 0;
}
.single-show h1.entry-title, .single-podcast h1.entry-title, .single-artist-month h1.entry-title {
  margin-bottom: 0;
  margin-right: 1rem;
}
.single-show header.entry-header, .single-podcast header.entry-header, .single-artist-month header.entry-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.single-show .show-meta, .single-show .artist-meta, .single-podcast .show-meta, .single-podcast .artist-meta, .single-artist-month .show-meta, .single-artist-month .artist-meta {
  font-size: 2.3rem;
  font-family: "Oswald", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
}
.single-show p.hosted-by, .single-podcast p.hosted-by, .single-artist-month p.hosted-by {
  flex: 1 1 100%;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #ff3300;
}
.single-show span.joiner:first-of-type, .single-podcast span.joiner:first-of-type, .single-artist-month span.joiner:first-of-type {
  display: none;
}

.site-related.shows-related .related-projects-inner {
  padding: 0;
}

.single-artist-month .artist-listen, .single-podcast .artist-listen {
  margin-bottom: 1.6rem;
}
@media (min-width: 51em) {
  .single-artist-month .artist-listen, .single-podcast .artist-listen {
    margin: 0 2rem 0 auto;
  }
}
.single-artist-month .artist-listen a, .single-podcast .artist-listen a {
  margin: 0 0 0 1rem;
}
.single-artist-month .follow-social-media, .single-podcast .follow-social-media {
  margin: 0 0 1rem;
}

/* Testing Purposes */
li#menu-item-369 {
  display: none;
}

p.entry-excerpt {
  margin-top: 1rem;
}

p.event-schedule {
  margin: 1rem 0;
  color: #20201f;
}

i.ss-icon {
  color: #00a0ff;
}

.archive.post-type-archive-kutxevent .site-main {
  padding: 2rem 0;
  grid-auto-rows: auto;
}
.archive.post-type-archive-kutxevent article {
  grid-column: span 6;
  border-bottom: 0.5rem solid #00a0ff;
}
@media (min-width: 51em) {
  .archive.post-type-archive-kutxevent article {
    grid-column: span 6;
  }
}
@media (min-width: 65em) {
  .archive.post-type-archive-kutxevent article {
    grid-column: span 4;
  }
}
.archive.post-type-archive-kutxevent .show-featured-img {
  padding: 0.1rem;
  margin: -0.1rem;
}
.archive.post-type-archive-kutxevent .show-featured-img img {
  margin: 4.5rem auto 0;
  object-fit: initial;
  height: auto;
  width: auto;
}

article.type-kutxevent .post-thumbnail img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 416px;
  object-fit: cover;
  object-position: center 35%;
}