@import url("https://fonts.googleapis.com/css?family=Russo+One|Archivo+Black|Audiowide|Oswald|Anton|Saira+Semi+Condensed|Boogaloo&family=Ultra&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shrikhand&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

a {
  text-decoration: none;
  color: #ebe0cd;
}

a:hover,
a:focus {
  color: white;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul[class],
ol[class] {
  list-style: none;
  padding: 0;
}

body {
  margin: 0;
  min-height: 100vh;
  background-color: rgba(25, 28, 47, 0.3);
  background-image: url("../images/home.jpg");
  background-position: center;
  background-size: cover;
  background-blend-mode: darken;
  display: -ms-grid;
  display: grid;
  grid: auto / 1fr 1em;
  line-height: 1.6em;
}

:root {
  --marginIcon: 0.75em;
}

.iconMarginLeft {
  margin-left: var(--marginIcon);
}

.iconMarginRight {
  margin-right: var(--marginIcon);
}

.flow-content > * + * {
  margin-top: 0.5em;
}

.btn {
  border-color: #ebe0cd;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.8rem;
  background-color: rgba(72, 100, 137, 0.7);
  min-height: 3rem;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 2rem;
  color: #ebe0cd;
  padding: 0.5em;
}

.btn--full {
  width: 100%;
  display: inline-block;
}

.hide {
  display: none !important;
}

.icon-twitter {
  color: #00aced;
  color: #00aced;
}

.icon-facebook {
  color: #3b5998;
  color: #3b5998;
}

.icon-googleplus {
  color: #dd4b39;
  color: #dd4b39;
}

.icon-rss {
  color: #f26522;
  color: #f26522;
}

.icon-pinterest {
  color: #cb2027;
  color: #cb2027;
}

.icon-linkedin {
  color: #007bb6;
  color: #007bb6;
}

.icon-youtube {
  color: #bb0000;
  color: #bb0000;
}

.icon-vimeo {
  color: #1ab7ea;
  color: #1ab7ea;
}

.icon-tumblr {
  color: #32506d;
  color: #32506d;
}

.icon-instagram {
  color: #bc2a8d;
  color: #bc2a8d;
}

.icon-flickr {
  color: #ff0084;
  color: #ff0084;
}

.icon-dribbble {
  color: #ea4c89;
  color: #ea4c89;
}

.icon-quora {
  color: #a82400;
  color: #a82400;
}

.icon-foursquare {
  color: #0072b1;
  color: #0072b1;
}

.icon-forrst {
  color: #5B9A68;
  color: #5b9a68;
}

.icon-vk {
  color: #45668e;
  color: #45668e;
}

.icon-wordpress {
  color: #21759b;
  color: #21759b;
}

.icon-stumbleupon {
  color: #EB4823;
  color: #eb4823;
}

.icon-yahoo {
  color: #7B0099;
  color: #7b0099;
}

.icon-blogger {
  color: #fb8f3d;
  color: #fb8f3d;
}

.icon-soundcloud {
  color: #ff3a00;
  color: #ff3a00;
}

* {
  font-family: "Saira Semi Condensed", sans-serif;
}

.slogan {
  font-family: "Audiowide", cursive;
}

.stations__name {
  font-family: "Archivo Black", sans-serif;
  font-size: 1.5em;
}

.stations__song {
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: 1em;
}

.at40__title {
  font-family: 'Anton', sans-serif;
}

.at40__subtitle {
  font-family: 'Saira Semi Condensed',sans-serif;
}

.header {
  background: linear-gradient(45deg, #c24238, rgba(194, 66, 56, 0.5));
  padding: 0.5em;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 999;
  top: 0;
}

.header .logo {
  color: #ebe0cd;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
}

.content {
  grid-column: 1 / -1;
  padding: 3.25em 0.5em 0.5em 0.5em;
  min-height: 100%;
  color: #ebe0cd;
}

.footer {
  background-color: #191c2f;
  color: #ebe0cd;
  padding: 1em;
  text-align: center;
  font-size: 1ch;
  grid-column: 1 / -1;
  margin-top: auto;
  line-height: 0.9rem;
}

.footer--copyright {
  font-family: "Archivo Black", sans-serif;
  font-size: 2.1ch;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.footer--developers {
  font-size: 1.5ch;
  color: rgba(235, 224, 205, 0.5);
}

.footer--developers a {
  color: rgba(235, 224, 205, 0.5);
}

.footer--developers a:hover {
  font-weight: bold;
  color: #ebe0cd;
}

.navigation {
  background: linear-gradient(45deg, #c24238, rgba(194, 66, 56, 0.5));
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 400ms ease-in-out;
  transition: -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  width: 100%;
}

.navigation--list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation--list--item {
  padding: 0.5em;
  border-bottom: rgba(20, 20, 20, 0.8) solid 1px;
  position: relative;
  text-align: center;
}

.navigation--list--item:nth-child(1) {
  border-top: rgba(20, 20, 20, 0.8) solid 1px;
}

.navigation--list--item a.nav-link {
  color: #ebe0cd;
  text-decoration: none;
  font-size: 1.6ch;
  font-weight: bold;
  font-family: "Saira Semi Condensed", sans-serif;
  opacity: 0;
}

.navigation--list--item a.nav-link:hover {
  color: white;
}

.nav_toggle_label {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 1em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav_toggle_label span, .nav_toggle_label span::before, .nav_toggle_label span::after {
  display: block;
  background: #ebe0cd;
  height: 3px;
  width: 2em;
  border-radius: 4px;
  position: relative;
}

.nav_toggle_label span::before, .nav_toggle_label span::after {
  content: '';
  position: absolute;
}

.nav_toggle_label span::before {
  bottom: 7px;
}

.nav_toggle_label span::after {
  top: 7px;
}

.nav-toggle {
  display: none;
}

.nav-toggle:checked ~ .navigation {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  background-color: rgba(20, 20, 20, 0.6);
}

.nav-toggle:checked ~ .navigation a.nav-link {
  -webkit-animation-name: menuItemDrop;
          animation-name: menuItemDrop;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.nav-toggle:checked ~ .navigation a.nav-link i {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  -webkit-transform: translateX(-1000px);
          transform: translateX(-1000px);
  -webkit-animation-name: menuIconSlideInFromLeftToRight;
          animation-name: menuIconSlideInFromLeftToRight;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.banner {
  border-color: #ebe0cd;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.8rem;
  background-color: rgba(25, 28, 47, 0.7);
  min-height: 3rem;
  margin-top: 0.5em;
  padding: 0.5em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  padding: 0.5em;
  -webkit-animation-name: scaleme;
          animation-name: scaleme;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform-origin: top;
          transform-origin: top;
}

.banner h2 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  padding: 0 0.5em;
  font-family: "Archivo Black", sans-serif;
  text-align: center;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
}

.banner .img_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner .img_container img {
  max-height: 9.375em;
}

.slogan {
  border-color: #ebe0cd;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.8rem;
  background-color: rgba(25, 28, 47, 0.7);
  min-height: 3rem;
  margin-top: 0.5em;
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  text-transform: uppercase;
}

.now_playing {
  border-color: #c24238;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.8rem;
  background-color: rgba(25, 28, 47, 0.7);
  min-height: 3rem;
  margin-top: 0.5em;
  padding: 0.5em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.now_playing__title {
  border-bottom: #ebe0cd dashed 0.1rem;
  display: inline-block;
  font-size: 1.3rem;
  margin: 0 0 0.4rem 0;
  padding: 0 0 0.4rem 0;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.now_playing__title--one {
  grid-column: 1 / -1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}

.now_playing__title--two {
  grid-column: 1 / -1;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4 / 5;
  background-color: rgba(194, 66, 56, 0.9);
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  margin-bottom: 0;
}

.now_playing__title--three {
  grid-column: 1 / -1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  grid-row: 6 / 7;
}

.now_playing__streaming_song {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: "Audiowide", cursive;
}

.now_playing__streaming_song--track {
  font-size: 1rem;
}

.now_playing__streaming_song--artist {
  font-size: 0.8rem;
}

.now_playing__cover {
  grid-column: 4 / -1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.now_playing__cover img {
  height: 4.6875rem;
}

.now_playing__audio {
  grid-column: 1 / -1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.now_playing__audio audio {
  width: 100%;
  display: block;
  border-radius: 0.5em;
}

.now_playing__songinfo {
  grid-column: 1 / -1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6;
  background-color: rgba(194, 66, 56, 0.7);
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.5em;
  font-style: inherit;
}

.now_playing__just_played {
  grid-column: 1 / -1;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  grid-row: 7 / 8;
  list-style: none;
}

.now_playing__just_played li {
  font-size: 0.8rem;
}

.now_playing__just_played li:nth-child(2) {
  opacity: .8;
  -webkit-transform: scaleY(0.9);
          transform: scaleY(0.9);
}

.now_playing__just_played li:nth-child(3) {
  opacity: .6;
  -webkit-transform: scaleY(0.8);
          transform: scaleY(0.8);
}

.now_playing__just_played li:nth-child(4) {
  opacity: .4;
  -webkit-transform: scaleY(0.7);
          transform: scaleY(0.7);
}

.artist_of_the_week {
  border-color: #ebe0cd;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.8rem;
  background-color: rgba(20, 20, 20, 0.7);
  min-height: 3rem;
  margin-top: 0.5em;
  padding: 0.5em;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.artist_of_the_week h2 {
  border-bottom: #ebe0cd dashed 0.1rem;
  display: inline-block;
  font-size: 1.3rem;
  margin: 0 0 0.4rem 0;
  padding: 0 0 0.4rem 0;
  text-align: center;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr 1fr;
      grid-template-columns: 1fr 2fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.artist_of_the_week__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  padding-bottom: 0.5em;
}

.artist_of_the_week__container h3 {
  grid-column: 1 / -1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  margin-bottom: 0.5em;
  text-align: center;
}

.artist_of_the_week__container--img {
  grid-column: 1 / -1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1f;
      grid-template-columns: 1f;
}

.artist_of_the_week__container--photo img {
  width: 100%;
}

.artist_of_the_week__container--qoute {
  font-size: 0.75em;
  font-style: italic;
}

.artist_of_the_week__container--more {
  grid-column: 1 / -1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
}

.artist_of_the_week__container--more a {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  background-color: rgba(20, 20, 20, 0.6);
  border: #ebe0cd solid 2px;
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
}

.artist_of_the_week__container--more a:hover, .artist_of_the_week__container--more a:focus {
  background-color: rgba(20, 20, 20, 0.8);
  color: white;
}

.follow_us {
  border-color: #c24238;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.8rem;
  background-color: rgba(255, 255, 255, 0.7);
  min-height: 3rem;
  margin-top: 0.5em;
  padding: 0.5em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.follow_us__title {
  border-bottom: #191c2f dashed 0.1rem;
  display: inline-block;
  font-size: 1.3rem;
  margin: 0 0 0.4rem 0;
  padding: 0 0 0.4rem 0;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: #191c2f;
  grid-column: 1 / -1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}

.follow_us__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  grid-column: 1 / -1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
}

.agenda {
  border-color: #c24238;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.8rem;
  background-color: rgba(25, 28, 47, 0.7);
  min-height: 3rem;
  margin-top: 0.5em;
  padding: 0.5em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.agenda__title {
  border-bottom: #ebe0cd dashed 0.1rem;
  display: inline-block;
  font-size: 1.3rem;
  margin: 0 0 0.4rem 0;
  padding: 0 0 0.4rem 0;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  grid-column: 1 / -1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}

.agenda__list {
  grid-column: 1 / -1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
}

.agenda__item {
  list-style: none;
  background-color: rgba(194, 66, 56, 0.9);
  border-radius: 0.5em;
  padding: 0.5em;
  margin-top: 0.5em;
}

.agenda__item:nth-child(even) {
  background-color: rgba(72, 100, 137, 0.9);
}

.agenda__item--title {
  border-bottom: #191c2f solid 1px;
  color: white;
}

.agenda__item--period {
  text-align: right;
}

.bg_chain_reaction {
  background-image: url("../images/chain-reaction.jpg");
}

.bg_chain_reaction {
  background-image: url("../images/chain_reaction.jpg");
}

.chain_reaction {
  border-color: #191c2f;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.8rem;
  background-color: rgba(72, 100, 137, 0.7);
  min-height: 3rem;
  margin-top: 0.5em;
  padding: 0.5em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chain_reaction__title {
  border-bottom: #ebe0cd dashed 0.1rem;
  display: inline-block;
  font-size: 1.3rem;
  margin: 0 0 0.4rem 0;
  padding: 0 0 0.4rem 0;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  grid-column: 1 / -1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}

.chain_reaction__program_info {
  grid-column: 1 / -1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  font-size: 0.75em;
  text-align: center;
  padding-bottom: 0.5em;
}

.chain_reaction__episode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chain_reaction__episode--saterday {
  grid-column: 1 / -1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
}

.chain_reaction__episode--sunday {
  grid-column: 1 / -1;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4 / 5;
}

.chain_reaction__episode--date {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-weight: 900;
  color: #c24238;
  background-color: rgba(235, 224, 205, 0.7);
  width: 100%;
  text-align: center;
}

.chain_reaction__episode--shortlist {
  text-align: center;
  font-size: 0.75rem;
}

.chain_reaction__episode--more {
  width: 100%;
  padding: 0.5em;
}

.chain_reaction__episode--more a {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  background-color: rgba(235, 224, 205, 0.7);
  border: #191c2f solid 2px;
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
  color: #191c2f;
}

.chain_reaction__episode--more a:hover, .chain_reaction__episode--more a:focus {
  background-color: rgba(235, 224, 205, 0.9);
  color: #486489;
}

.chain_reaction__episode--archive {
  grid-column: 1 / -1;
}

.chain_reaction__episode--archive:nth-child(odd) {
  background-color: rgba(235, 224, 205, 0.7);
}

.chain_reaction__episode--archive:nth-child(even) {
  background-color: rgba(235, 224, 205, 0.3);
}

.chain_reaction__episode--link {
  color: #c24238;
}

.chain_reaction__episode--link:hover, .chain_reaction__episode--link:focus {
  color: rgba(194, 66, 56, 0.7);
}

.chain_reaction__list {
  list-style: none;
  width: 100%;
}

.chain_reaction__list__song {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  background-color: rgba(25, 28, 47, 0.2);
}

.chain_reaction__list__song--title {
  grid-column: 1 / -1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  color: white;
  font-weight: 900;
  text-align: center;
  padding: 0 0.5em;
}

.chain_reaction__list__song--artist {
  grid-column: 1 / -1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  text-align: center;
  padding: 0 0.5em;
}

.chain_reaction__list__song--link {
  grid-column: 1 / -1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
  background-color: rgba(25, 28, 47, 0.7);
  font-size: 0.75em;
  text-align: center;
  padding: 0 0.5em;
}

@-webkit-keyframes menuItemDrop {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes menuItemDrop {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes menuIconSlideInFromLeftToRight {
  0% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
  }
  80% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes menuIconSlideInFromLeftToRight {
  0% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
  }
  80% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes bannerHide {
  from {
    height: 100%;
    padding: 0.5em;
  }
  to {
    height: 0px;
    padding: 0;
  }
}

@keyframes bannerHide {
  from {
    height: 100%;
    padding: 0.5em;
  }
  to {
    height: 0px;
    padding: 0;
  }
}

@-webkit-keyframes scaleme {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0);
    opacity: 0;
    display: none;
  }
  100% {
    position: fixed;
    -webkit-transform: scale(0);
    display: none;
  }
}

@-webkit-keyframes collapse {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes collapse {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
/*# sourceMappingURL=kxclassics.css.map */