/*
* Only for app-specific rules.
*/
/*@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700|Roboto:400&display=swap');*/
/*@font-face {font-family: 'PublicaSans-Regular';src: url('./fonts/3B184D_0_0.eot');src: url('./fonts/3B184D_0_0.eot?#iefix') format('embedded-opentype'),url('./fonts/3B184D_0_0.woff2') format('woff2'),url('./fonts/3B184D_0_0.woff') format('woff'),url('./fonts/3B184D_0_0.ttf') format('truetype');}*/
@import url("https://use.typekit.net/xnc8tgl.css");

:root {
  --primary: #9D64C2;
  --primary-background: linear-gradient(110deg, #64A6C2, #9D64C2);
  --primary-text: #54456B;
  --secondary: #AEB8DB;
  --secondary-text: #64A6C2;
  --bg-light: #F4EDF4;
  --bg-low: linear-gradient(89deg, #F7F6F9, #F4EDF4);
  --light-border: #F4EDF4;
  --pin: #9D64C2;
  --active-pin: #64A6C2;
  --text: #656565;
  --title: #54456B;
  /*--bg-button: #aa1f22;*/
  --font: "proxima-nova", sans-serif;
  /*--font-text: 'PT Serif', serif;*/
  --font-text: "proxima-nova", sans-serif;
  --font-title: "proxima-nova", sans-serif;
  --status-text: dark;
  --status-background: #F1E9E9;
  --star: var(--primary);
  --max-content-width: 64rem;
}
body {
  opacity: 1;
}
.audio-button {
  background: var(--primary-background);
  color: white;
  border-radius: 1000px;
}
.audio-player {
  background: none;
}
.audio-transcript-button {
  /*background: #F2EAEA;*/
  -webkit-box-shadow: 0 0 6px #FFFFFF4D;
          box-shadow: 0 0 6px #FFFFFF4D;
  /*border-radius: 1000px;*/
}
.bg-light {
  background-color: var(--bg-light);
}
.card {
  border-radius: 32px;
  -webkit-box-shadow: 0 0 40px rgba(0,0,0,.1);
          box-shadow: 0 0 40px rgba(0,0,0,.1);
  margin-bottom: 2rem;
  background: var(--bg-raised);
}
.card-button {
  /*transform:  translateY(2.75rem);*/
  margin-bottom: -1.5rem;
  width: 90%;
  max-width: 12rem;
  margin-left: auto;
  margin-right: auto;
}

.card-image {
  border-radius: 26px 26px 0 0;
}
.card-promo-image {
  border-radius: 26px 26px 0 0;
}
.carousel {
  background: var(--primary-background)
}
.content-width {
  max-width: var(--max-content-width);
}
.channel-acronym {
  background: var(--secondary);
  color: white;
}
.choice {
  border-radius: 17px;
}
.bold, strong {
  font-weight: bold;
}
.button {
  border: none;
}
:root .button-active {
  border: none;
  background: #B593AF;
  border-radius: 1000px;
}
.button-action {
  color: var(--primary-text);
}
.button-bold {
  border: 4px solid;
}
.button-primary, .button-secondary {
  background: var(--primary-background);
  border: 5px solid white;
  line-height: 2;
  color: white;
  border-radius: 1000px;
}
.button-light {
  background: var(--bg-light);
  -webkit-box-shadow: 0 0 6px #FFFFFF4D;
          box-shadow: 0 0 6px #FFFFFF4D;
  border-radius: 1000px;
}
.h5 {
  font-size: 14px;
}
.h6 {
  font-size: 14px;
}
.menu-item .h6 {
  font-size: 12px;
}
.image-empty {
  background-color: #77a3bf;
  background-image: url("../img/image-placeholder-ts.png");
}
.input {
  background: var(--bg-light);
  border-radius: 2rem;
  border: 1px solid var(--bg-light);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.item {
  background-color: #EEE8EE;
  border-radius: 32px;
}
.menu {
  border-top: 0;
}
.menu-item {
  /*filter: invert(100%);*/
  color: #797979;
}
.menu-content {
  -webkit-box-shadow: 0 0 16px rgba(255,255,255,.5);
          box-shadow: 0 0 16px rgba(255,255,255,.5);
}
.menu-item-active {
  color: var(--primary);
}
.row:not(:last-of-type) {
  border-bottom: 1px solid white;
}
.row-bold:not(:last-of-type) {
  border-bottom: 1px solid #5b393a22;
}
.screen {
  background: var(--bg-low);
}
.screen-box {
  background: var(--bg-low);
}
.tabs {
  -webkit-box-shadow: 0 10px 10px #F1E8E8;
          box-shadow: 0 10px 10px #F1E8E8;
}
.title {
  font-weight: normal;
}
.tour-author {
  background: #F2EAEA;
  -webkit-box-shadow: 0 0 6px #FFFFFF4D;
          box-shadow: 0 0 6px #FFFFFF4D;
}
.tour-payment {
  border-color: #EED4D4;
  background-color: #fff;
}
.content-box {
  /*background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAACNBAMAAAC+kCcGAAAAFVBMVEX6+Pjy6ur18PDz7Oz07u738vL49fUvZgrJAAACTklEQVR42tTUwU3EMBCF4b1kziA6eIoLQEsFhgpGOAVYGvdfAhMvJOLCgcPC/yoYf/rly91nqvXt3Mux67c93fb4wx4u9569r187X/B67jz/+di/Od5rxcr3dcXK91qx8ouElbdasfLmwsqbV6y8dQkr76pY+S5h5UPCyi8SVt4krLy5uPIurnyXsPJdwsqHhJVfJKy8SVh5c2HlzYWVty5h5buElQ8JKz8krLxJWHlzYeXNxZV3CSvfJax8SFj5kJza/PCGlTcXVt66534rf/1TeWtFWPnucypA+SilqDDlw3PQ5kfJQZu31tyhzVtLdmjz1nLU5qO1Qm0+0p3a/Ly93EZrfuTp1OY/bz/cSfK2RwNtft4ObX7eTm1+v53a/Gg5aPPzdmjz1nLQ5uft0ObnRwNtft5ObX6/ndp8tG2jNj8iT4c2P1pLeWbzFhEbtfkdHtq8RY7a/EhzavORozY/thy0+Q9q6ZgGQCiAYuD2dP6F8y8BGAga6qBpjuuqmt/7PWp+qJqfR3zVPLLmoWp+qJqHqvkhax5Z81950PyQNf+X98xD1TxUzQ9V80PWPKrmh6r5QdX8UDU/VM0PWfPImoeqeYia31A1P1TND1XzB1Xzg6p5qJp3qJrfoWp+h6r52d1OHZwAEAMxDMxLdeq1/ZdwJE0s5tyBEYM11DwwM5nmb3Mg0zxvuZHm32og0TyQa14n1jwQa16NNe8h1rxqqnmjzWuseT2n5hfMa83f7uvlk8xT8zvmqfn+/N/MU/M1X/M1X/M1X/M1f8d/Z2i5n4Bm5F8AAAAASUVORK5CYII=") no-repeat top left;*/
  background-size: 100% auto;
}
.promo-vote-button {
  background: #133984;
}
.password-input-wrapper {
  position: relative;
}
.password-input-wrapper svg {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.content-width {
  max-width: 50rem;
  margin: 0 auto;
}