/*
#player-section {
  --plyr-color-main: #1ac266;
}
*/

:root, [data-bs-theme=dark] {
  --vfta-pink: #ffe0e6;
  --bs-body-bg: black;
  --bs-heading-color: white;
  /* --bs-body-bg: white; */
}

body {
  font-family: 'Noto Sans', sans-serif;
}

.bg-full {
  position: relative;
  color: var(--bs-body-bg);
}

.bg-full:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX( -50%);
  height: 100%;
  width: 100vw;
  background: var(--vfta-pink);
  background-image: url(images/img-noise-361x370.png);
}

.torn-edge-top {
  transform: scaleY(-1);
  z-index: 1;
  position: absolute;
  overflow: hidden;
  left: calc(-1 * var(--bs-gutter-x));
}

.torn-edge-bottom {
  z-index: 1;
  position: absolute;
  overflow: hidden;
  left: calc(-1 * var(--bs-gutter-x));
}

.row-spacer {
  margin: 60px;
}

.row-spacer-small {
  margin: 30px;
}

.big-icon {
  max-width: 250px;
}

html {
  overflow-x: hidden;
}

.special-elite-regular {
  font-family: "Special Elite", serif;
  font-weight: 400;
  font-style: normal;
}

.mask1 {
  mask-image: url(images/mask1.png);
  mask-mode: luminance;

}

a {
  color: var(--vfta-pink);
  text-decoration: none;

}

a:hover {
  color: var(--vfta-pink);
  text-decoration: underline;
}

.btn {
  border-color: var(--vfta-pink);
  color: var(--vfta-pink);
}

.btn:hover {
  background-color: var(--vfta-pink);
  border-color: var(--vfta-pink);
  color: var(--bs-body-bg);
}

img.arrow-black,img.arrow-pink {
  height: 16px;
  padding-left: 4px;
}


.btn.btn-outline-primary {
  img.arrow-black {
    display: none;
  }
  img.arrow-pink {
    display: inline-block;
  }
}

.btn.btn-outline-primary:hover {
  img.arrow-black {
    display: inline-block;
  }
  img.arrow-pink {
    display: none;
  }
}


.btn.btn-outline-contrast {
  border-color: var(--bs-body-bg);
  color: var(--bs-body-bg);

  img.arrow-black {
    display: inline-block;
  }
  img.arrow-pink {
    display: none;
  }
}

.btn.btn-outline-contrast:hover {
  background-color: var(--bs-body-bg);
  border-color: var(--bs-body-bg);
  color: var(--vfta-pink);

  img.arrow-black {
    display: none;
  }
  img.arrow-pink {
    display: inline-block;
  }
}


.player-placeholder, mux-player {
  position: absolute;
  inset: 0;
}