/*
https://gitlab.com/spectitular/spectitular/-/issues/774
from editor/src/stylesheets/includes/style-classes.scss
copied to:
editor/app/frontend-electron/css/style-classes.css
and
editor/app/frontend/css/style-classes.css
THIS IS frontend/style-classes.css
*/


.track {
  font-family: sans-serif;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.underline .blank {
  text-decoration: none;
}

.left,
.left .projector-content {
  text-align: left !important;
}

.center,
.center .projector-content {
  text-align: center !important;
}

.right,
.right .projector-content {
  text-align: right !important;
}

.justify,
.justify .projector-content {
  text-align: justify !important;
}

.justify-all {
  text-align: justify-all;
}

.red,
.red1 .multiline.line1,
.red2 .multiline.line2,
.red1.multiline.line1, /*fix for client because client does only set span class not parent*/
.red2.multiline.line2 /*fix for client because client does only set span class not parent*/
{
  color: red;
}

.blue,
.blue1 .multiline.line1,
.blue2 .multiline.line2,
.blue1.multiline.line1, /*fix for client because client does only set span class not parent*/
.blue2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: blue;
}

.yellow,
.yellow1 .multiline.line1,
.yellow2 .multiline.line2,
.yellow1.multiline.line1, /*fix for client because client does only set span class not parent*/
.yellow2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: yellow;
}

.green,
.green1 .multiline.line1,
.green2 .multiline.line2,
.green1.multiline.line1, /*fix for client because client does only set span class not parent*/
.green2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: green;
}

.cyan,
.cyan1 .multiline.line1,
.cyan2 .multiline.line2,
.cyan1.multiline.line1, /*fix for client because client does only set span class not parent*/
.cyan2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: cyan;
}

.magenta,
.magenta1 .multiline.line1,
.magenta2 .multiline.line2,
.magenta1.multiline.line1, /*fix for client because client does only set span class not parent*/
.magenta2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: magenta;
}

.purple,
.purple1 .multiline.line1,
.purple2 .multiline.line2,
.purple1.multiline.line1, /*fix for client because client does only set span class not parent*/
.purple2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: purple;
}

.pink,
.pink1 .multiline.line1,
.pink2 .multiline.line2,
.pink1.multiline.line1, /*fix for client because client does only set span class not parent*/
.pink2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: pink;
}

.orange,
.orange1 .multiline.line1,
.orange2 .multiline.line2,
.orange1.multiline.line1, /*fix for client because client does only set span class not parent*/
.orange2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: orange;
}

.orangered,
.orangered1 .multiline.line1,
.orangered2 .multiline.line2,
.orangered1.multiline.line1, /*fix for client because client does only set span class not parent*/
.orangered2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: orangered;
}

.lime,
.lime1 .multiline.line1,
.lime2 .multiline.line2,
.lime1.multiline.line1, /*fix for client because client does only set span class not parent*/
.lime2.multiline.line2  /*fix for client because client does only set span class not parent*/
{
  color: rgb(0, 255, 0);
}

.dimmed {
  opacity: 0.5;
}

.arial {
  font-family: arial;
}

.times {
  font-family: "Times New Roman";
}

.courier {
  font-family: Courier, "Courier New";
}

.verdana {
  font-family: Verdana;
}

.helvetica {
  font-family: "HelveticaNormal","Helvetica Normal","Helvetica Neue",Helvetica;
}

@font-face {
  font-family: 'TrajanProRegular';
  src: url('../fonts/TrajanProRegular.eot');
  src: local('TrajanProRegular'), url('../fonts/TrajanProRegular.woff') format('woff'), url('../fonts/TrajanProRegular.ttf') format('truetype');
}

.trajan-pro {
  font-family: 'TrajanPro', 'Trajan Pro', 'TrajanProRegular';
}

@font-face {
  font-family: 'HelveticaNormal';
  src: local('HelveticaNormal'), url('../fonts/helvetica-normal.woff') format('woff'), url('../fonts/helvetica-normal.ttf') format('truetype');
}

.segoe-light {
  font-family: "Segoe UI Light";
}

.arial-narrow, .narrow {
  font-family: "Arial Narrow", Arial;
}

.futura {
  font-family: Futura;
}

.verdana {
  font-family: Verdana;
}

.rockwell {
  font-family: Rockwell;
}

.franklin {
  font-family: "Franklin Gothic Medium";
}

.onlyline1 .line, .onlyline2 .line, .onlyline3 .line,
.onlyline1.line, .onlyline2.line, .onlyline3.line,
.song1 .line, .song2 .line, .song3 .line,
.song1.line, .song2.line, .song3.line  {
  opacity: 0;
}

.onlyline1 .line1,
.onlyline2 .line1,
.onlyline2 .line2,
.onlyline3 .line1,
.onlyline3 .line2,
.onlyline3 .line3,
.onlyline1.line1,
.onlyline2.line1,
.onlyline2.line2,
.onlyline3.line1,
.onlyline3.line2,
.onlyline3.line3,
.song1 .line1,
.song2 .line1,
.song2 .line2,
.song3 .line1,
.song3 .line2,
.song3 .line3,
.song1.line1,
.song2.line1,
.song2.line2,
.song3.line1,
.song3.line2,
.song3.line3 {
  opacity: 1;
}

.handsontable .onlyline1 .line,
.handsontable .onlyline2 .line,
.handsontable .onlyline3 .line,
.handsontable .song1 .line,
.handsontable .song2 .line,
.handsontable .song3 .line {
  opacity: 0.3;
}

.handsontable .arial-narrow {
  font-size: 1.1em;
  padding-top: 0.15em;
  padding-bottom: 0.15em;
}

.handsontable .onlyline1 .line1,
.handsontable .onlyline2 .line1,
.handsontable .onlyline2 .line2,
.handsontable .onlyline3 .line1,
.handsontable .onlyline3 .line2,
.handsontable .onlyline3 .line3,
.handsontable .song1 .line1,
.handsontable .song2 .line1,
.handsontable .song2 .line2,
.handsontable .song3 .line1,
.handsontable .song3 .line2,
.handsontable .song3 .line3 {
  opacity: 0.8;
}

.brightness40 {
  opacity: 0.4;
}

.brightness20 {
  opacity: 0.2;
}
.handsontable .brightness40 {
  opacity: 1;
}

/* 2023-08-01: Let animate copy same swing easing from jQuery fadeIn fadeOut */
.animate__fadeIn,
.animate__fadeOut {
  animation-timing-function: ease-in-out;
}