/*----------------------------------------------------------------------------*/
/* o94 Additions */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* o94 global theme overrides & fixes */
/*----------------------------------------------------------------------------*/

.breadcrumb a {
  color: var(--mdc-theme-primary) !important;
}

/* The theme's _hover.scss overrides the actual value - should be fixed with new theme */
.card-container > a:hover {
  color: var(--mdc-theme-primary) !important;
}

/*----------------------------------------------------------------------------*/
/* COMPONENTS OVERRIDES */
/*----------------------------------------------------------------------------*/

.category-info .heading > * {
  text-align: left;
}
.aura-card a,
.aura-card a:visited,
.aura-card a:hover {
  color: var(--mdc-theme-primary) !important;
  text-decoration: none;
}
.highlight > .aura-card {
  background-color: var(--mdc-theme-primary) !important;
}
.aura-card.host li {
  padding-left: 0;
}
.aura-card.episode h3 {
  font-size: 1.4em;
  color: gray;
}

/* Cards: Media Player */

#aura-mediaplayer #aura-media-player {
  border-radius: 0;
  box-shadow: none;
}
#aura-mediaplayer #play-pause:hover {
  background: var(--mdc-theme-primary);
  background: radial-gradient(
    circle,
    rgb(35, 195, 50) 38%,
    rgb(255, 255, 255) 83%
  );
  box-shadow: 0 0 0 2px rgba(35, 195, 50, 0.5);
}
#aura-mediaplayer #aura-media-player-center .song-meta-data .song-name {
  -webkit-line-clamp: 1;
}
#aura-mediaplayer .footer {
  margin: 0;
}
/* #aura-mediaplayer .episode.active .episode-time:after{
	content: 'JETZT';
} */

/* Cards: Now Playing Widget */

#aura-nowplaying .aura-card.media-player-widget {
  box-shadow: none;
  padding: 54px 0 8px 0;
}

#aura-nowplaying .aura-card.media-player-widget .button-play .lead-on-air {
  font-weight: bold;
  font-family: "liberation_monobold";
  font-size: 0.9rem;
}

#aura-nowplaying
  .aura-card.media-player-widget
  .button-play
  .mdc-button__label {
  font-size: 1rem;
  text-transform: none;
  /* font-weight: bold; */
}

#aura-nowplaying .aura-card.media-player-widget .button-play .icon-play {
  -webkit-mask-position: top;
  mask-position: top;
}

/* Cards: Categories */

#aura-category-list {
  margin-top: 32px;
}
#aura-category-list .aura-card.category:after {
  background-size: 220px;
  background-position: 230% 144%;
  background-repeat: no-repeat;
  opacity: 0.3;
}
.aura-card.category .category-info .heading {
  height: 72px;
  margin-bottom: 8px;
}
.aura-card.category .category-info .heading h2 {
  margin-bottom: 0;
}
.aura-card.category p {
  text-align: justify;
  text-justify: inter-word;
}

/* Cards: Host */

#aura-host-list .aura-card.host .card-media-square {
  color: var(--mdc-theme-primary);
}
#aura-host-detail .aura-card.host .bio {
  padding-left: 0;
}
#aura-host-detail .show-section {
  padding-left: 8px;
}
/* #aura-host-detail .show-section .card-media-square {
    height: 72px;
    width: 128px;
    max-width: 128px;
} */
#aura-host-detail .urls li a {
  margin-left: 3px;
  color: var(--mdc-theme-primary);
  text-decoration: none;
}

/* Cards: Show */

.aura-card.show .card-media-16x9 {
  background-size: contain;
}
#aura-show-list .category-info .heading {
  margin: 32px 0;
}
#aura-show-list .category-info .description {
  margin: 8px 8px 16px 8px;
}
#aura-show-list .category-info .heading h2 {
  padding-top: 4px;
}
#aura-show-list .category-info p {
  text-align: justify;
  text-justify: inter-word;
}
/* #aura-show-list .aura-card.show a {
    width: 100%;
} */
#aura-show-list .aura-card.show h3 {
  font-size: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#aura-show-list .aura-card.show .show-content {
  padding: 0 16px 16px 16px;
}
#aura-show-detail a {
  color: var(--mdc-theme-primary);
}
#aura-show-detail .highlight a {
  color: var(--mdc-theme-text-primary-on-background) !important;
}
#aura-show-detail .episode-list-small .aura-card.episode,
#aura-show-detail .episode-list-small button {
  margin: 4px 4px 4px 0;
}
#aura-show-detail .aura-card.show .url-section ul {
  padding-left: 0;
}
#aura-show-detail .aura-card.show .url-section li {
  list-style-type: none;
}
#aura-show-detail .aura-card.show .aura-card.episode {
  background-color: var(--mdc-theme-secondary);
}
#aura-show-detail .aura-card.show .aura-card.episode .card-title {
  padding-bottom: 0;
}
#aura-show-detail .aura-card.show .card-media-16x9 {
  border: 1px dotted #ddd;
}
#aura-show-detail .aura-card.host .card-media-overlay {
  line-height: 0.8em;
}
#aura-show-detail .meta-info .show-chips .mdc-chip.disabled {
  border-color: var(--mdc-theme-text-disabled-on-light) !important;
  pointer-events: none;
  cursor: default;
}
#aura-show-detail .meta-info .show-chips .mdc-chip.disabled .aura-icons {
  display: none;
}
.show-chips .mdc-chip {
  background-color: transparent !important;
  border: 1px solid var(--mdc-theme-primary) !important;
}

/* Cards: Episode */

#aura-episode-detail .aura-card.episode button.open-media-player {
  width: 284px;
  background-color: var(
    --mdc-outlined-button-label-text-color,
    var(--mdc-theme-primary, #ff3e00)
  );
  color: white;
  font-weight: bold;
}
#aura-episode-detail .aura-card.episode .media-player {
  height: 99px;
  margin-bottom: 0;
}
#aura-episode-detail .aura-card.episode .footer,
#aura-episode-detail .aura-card.episode .footer > * {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#aura-episode-detail .aura-card.episode .show-ref,
#aura-episode-detail .aura-card.episode a {
  color: var(--mdc-theme-primary);
}

/** General Programme and Sidebar Programme **/

#aura-programme,
table.programme-paper {
  font-family: "akzidenz-grotesk", sans-serif;
  border: 0;
  border-spacing: 0;
  width: 100%;
}
#aura-programme {
  display: inline-block;
}
#aura-programme .aura-card.episode .timeslot-header {
  color: var(--mdc-theme-text-secondary-on-light);
  font-weight: normal;
}
#aura-programme .aura-card.episode.is-active .timeslot-header {
  color: var(--mdc-theme-text-primary-on-background);
}
#aura-programme .aura-card.episode.is-active .meta-info .show-chips .mdc-chip {
  border-color: var(--mdc-theme-text-primary-on-dark) !important;
  color: var(--mdc-theme-text-primary-on-dark);
}
#aura-programme a,
table.programme-paper a {
  color: var(--mdc-theme-primary);
  text-decoration: none;
}
#aura-programme .paper-container .smui-paper {
  padding: 0;
  box-shadow: none;
}
table.programme-paper td {
  border-bottom: 1px solid #000;
}
#aura-programme .episode-time,
table.programme-paper .episode-time {
  padding-right: 1rem;
  font-weight: bold;
}
#aura-programme .episode-time *,
table.programme-paper .episode-time * {
  font-family: "liberation_monobold";
}
#aura-programme .episode.active .episode-time:after,
table.programme-paper .episode.active .episode-time:after,
#aura-mediaplayer .episode.active .episode-time:after {
  content: "JETZT";
}
#aura-programme .episode.active .episode-time .episode-start,
table.programme-paper .episode.active .episode-time .episode-start {
  display: none;
}
table.programme-paper .episode-time .episode-end {
  display: none;
}

/** ICONS **/

.icon-play {
  -webkit-mask-image: url("../icons/play.svg");
  mask-image: url("../icons/play.svg");
}
.icon-play-circle {
  -webkit-mask-image: url("../icons/play-circle.svg");
  mask-image: url("../icons/play-circle.svg");
}
.icon-pause-circle {
  -webkit-mask-image: url("../icons/pause-circle.svg");
  mask-image: url("../icons/pause-circle.svg");
}
.icon-add-playlist {
  -webkit-mask-image: url("../icons/playlist-plus.svg");
  mask-image: url("../icons/playlist-plus.svg");
}
.icon-now {
  -webkit-mask-image: url("../icons/sine-wave.svg");
  mask-image: url("../icons/sine-wave.svg");
}
.icon-programme {
  -webkit-mask-image: url("../icons/timetable.svg");
  mask-image: url("../icons/timetable.svg");
}
.icon-playlist {
  -webkit-mask-image: url("../icons/playlist-music.svg");
  mask-image: url("../icons/playlist-music.svg");
}

.aura-icon.cba {
  background-image: url("../icons/cba_logo.svg");
}

/* CAT: Unter Vielen -- Communites & Disaspora */
.aura-card.category.cat-1385089:after,
.aura-icons > .icon-category-1385089 {
  background-image: url("../icons/svg/__Community_Diaspora_00ff00_transparent.svg");
}
/* CAT: Im Interesse -- Politik & Gesellschaft */
.aura-card.category.cat-1385094:after,
.aura-icons > .icon-category-1385094 {
  background-image: url("../icons/svg/__Politik_Gesellschaft_00ff00_transparent.svg");
}
/* CAT: Durchs Dickicht -- Wissen & Bildung */
.aura-card.category.cat-1385100:after,
.aura-icons > .icon-category-1385100 {
  background-image: url("../icons/svg/__Wissen_Diskurs_00ff00_transparent.svg");
}
/* CAT: Der Gute Ton -- Musik & Talk */
.aura-card.category.cat-1385106:after,
.aura-icons > .icon-category-1385106 {
  background-image: url("../icons/svg/__Musik_00ff00_transparent.svg");
}
/* CAT: Spielarten -- Kunst & Kultur */
.aura-card.category.cat-1385111:after,
.aura-icons > .icon-category-1385111 {
  background-image: url("../icons/svg/__Kultur_Radiokunst_transparent_00ff00.svg");
}
/* CAT: Im Unterschied -- Feminismus & Queer */
.aura-card.category.cat-1385076:after,
.aura-icons > .icon-category-1385076 {
  background-image: url("../icons/svg/__Feminismus_Queer_00ff00_transparent.svg");
}
/* CAT: Auf Entdeckung -- Kinder & Jugendliche */
.aura-card.category.cat-2060582:after,
.aura-icons > .icon-category-2060582 {
  background-image: url("../icons/svg/__Kinder_Jugendliche_00ff00_transparent.svg");
}
/* CAT: Vergangene Sendungen -- Inaktive Sendungen */
.aura-icons > .icon-category-1385116 {
  display: none;
}
.is-active .aura-icons > div {
  filter: invert(100%);
}

/* CAT: Unter Vielen -- Communites & Disaspora */
.show-overview .aura-icons > .icon-category-1385089,
.is-active .aura-icons > .icon-category-1385089 {
  background-image: url("../icons/svg/__Community_Diaspora_invertiert_transparent.svg");
}
/* CAT: Im Interesse -- Politik & Gesellschaft */
.show-overview .aura-icons > .icon-category-1385094,
.is-active .aura-icons > .icon-category-1385094 {
  background-image: url("../icons/svg/__Politik_Gesellschaft_invertiert_transparent.svg");
}
/* CAT: Durchs Dickicht -- Wissen & Bildung */
.show-overview .aura-icons > .icon-category-1385100,
.is-active .aura-icons > .icon-category-1385100 {
  background-image: url("../icons/svg/__Wissen_Diskurs_invertiert_transparent.svg");
}
/* CAT: Der Gute Ton -- Musik & Talk */
.show-overview .aura-icons > .icon-category-1385106,
.is-active .aura-icons > .icon-category-1385106 {
  background-image: url("../icons/svg/__Musik_ invertiert_transparent.svg");
}
/* CAT: Spielarten -- Kunst & Kultur */
.show-overview .aura-icons > .icon-category-1385111,
.is-active .aura-icons > .icon-category-1385111 {
  background-image: url("../icons/svg/__Kultur_Radiokunst_invertiert_transparent.svg");
}
/* CAT: Im Unterschied -- Feminismus & Queer */
.show-overview .aura-icons > .icon-category-1385076,
.is-active .aura-icons > .icon-category-1385076 {
  background-image: url("../icons/svg/__Feminismus_Queer_invertiert_transparent.svg");
}
/* CAT: Auf Entdeckung -- Kinder & Jugendliche */
.show-overview .aura-icons > .icon-category-2060582,
.is-active .aura-icons > .icon-category-2060582 {
  background-image: url("../icons/svg/_Kinder_Jugendliche_ invertiert_transparent.svg");
}

/*----------------------------------------------------------------------------*/
/* OLD WEB COMPONENTS */
/*----------------------------------------------------------------------------*/

/** Component: Player **/

#aura-player {
  width: 100%;
  height: 30px;
}

#aura-player > .player-wrapper {
  width: 100%;
}

#aura-player > .player-wrapper > .episode-start {
  text-align: left;
}

#aura-player > .player-wrapper > .episode-start,
#aura-player > .player-wrapper > .episode-end {
  font-size: 0.8rem;
  font-family: "liberation_monobold";
  float: left;
  width: 20%;
  text-transform: uppercase;
  margin-top: 12px;
}

#aura-player > .player-wrapper > .currently-playing {
  float: left;
  width: 60%;
  line-height: 0.8em;
}

#aura-player .button-play {
  border: 0;
  background-color: transparent;
  font-size: 1.2rem;
  line-height: 0.8em;
  color: var(--mdc-theme-primary);
  margin: 0;
  padding: 0;
}

#aura-player .button-play:hover * {
  text-decoration: underline;
}

#aura-player .button-play .episode-title {
  border: 0;
  background-color: transparent;
  margin: 8px 2px 8px 0;
}

#aura-player .button-play .episode-info,
#aura-player .button-play .track-service {
  margin: 8px 0;
  font-family: "akzidenz-grotesk", sans-serif;
}

#aura-player .button-play .episode-info:before,
#aura-player .button-play .track-service .current-track:before {
  content: "|";
  padding-right: 8px;
}

#aura-player .button-play .episode-info:empty,
#aura-player .button-play .track-service .current-track:empty {
  display: none;
}

#aura-player .currently-playing,
#aura-player .currently-playing .info-wrapper {
  text-align: center;
}

#aura-player .episode-title:before {
  content: "▶";
  padding-right: 8px;
}

#aura-player .episode-end {
  text-align: right;
}

/** Sidebar Programme Widget **/

.frontpage-container aside {
  padding-left: 0;
  padding-right: 0;
}
.frontpage-container aside .language-wrapper {
  margin-top: 32px;
}

table.programme-paper {
  line-height: 1rem;
  font-size: 0.7rem;
  font-weight: 100;
  margin-bottom: 32px;
}

table.programme-paper thead span {
  font-weight: bold;
}

table.programme-paper td {
  padding: 0.2rem 0 0.2rem 0;
  border-bottom: 1px dotted #676778;
}

table.programme-paper td {
  padding: 0.2rem 0 0.2rem 0;
}

table.programme-paper .episode .episode-time {
  vertical-align: baseline;
  width: 30%;
}

table.programme-paper .episode.active {
  background-color: transparent !important;
}

table.programme-paper .episode.active .episode-title {
  color: var(--mdc-theme-primary);
  font-weight: bold;
}

table.programme-paper .episode-tagline {
  display: none;
}

table.programme-paper .episode-info p {
  margin: 0;
  color: #000;
}

/* Animations */

.animation-pulse {
  animation: pulse 2.3s infinite;
  border-radius: 50%;
}

@keyframes pulse {
  0% {
    transform: scale(0.94);
    box-shadow: 0 0 0 0 rgba(35, 195, 50, 0.5);
  }
  80% {
    transform: scale(1);
    box-shadow: 0 0 0 13px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.92);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}