/* Import Material Icons of google*/
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
/**
 * @file
 * Colors - Definition of the colors of the module
 */
:root {
  --blue-1:#2b97dc;
  --blue-2:#2494db;
  --blue-3: #0f1c50;
  --blue-4: rgb(103, 133, 193);
  --black-transparent-1: rgba(0,0,0,0.5);
  --black: black;
  --green: rgb(51, 153, 102);
  --green-2: rgb(62, 101, 62);
  --grey-1: #afb8be;
  --white-1: #f7f9fa;
  --yellow: #ffc400;
}

/**
 * @file
 * Fonts - Definition of base fonts of the module
 */
@font-face {
  font-family: "OpenDyslexic Regular";
  src: local("OpenDyslexic-Regular"), url("../../assets/fonts/dyslexia/OpenDyslexic-Bold.otf") format("opentype");
}
.invert {
  transition: all 0s ease 0s;
  background: black;
  filter: invert(1);
}
.invert .block-accessibility-block {
  transition: all 0s ease 0s;
  filter: invert(1);
}

.dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) {
  transition: all 0s ease 0s;
  background-color: var(--black) !important;
  border: var(--black) !important;
}
.dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h1, .dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h2, .dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h3, .dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h4, .dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h5, .dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h6,
.dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) p {
  color: var(--blue-1) !important;
}
.dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) a:not(.accessibility-block a) {
  color: var(--yellow) !important;
}
.dark *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) span {
  color: var(--green) !important;
}

.light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) {
  transition: all 0s ease 0s;
  background-color: var(--white-1) !important;
  color: var(--black) !important;
  border: var(--white-1) !important;
}
.light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h1, .light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h2, .light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h3, .light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h4, .light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h5, .light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) h6,
.light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) p {
  color: var(--black) !important;
}
.light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) a:not(.accessibility-block a) {
  color: var(--blue-3) !important;
}
.light *:not(.accessibility-block, .accessibility-block *, .accessibility-icon *) span {
  color: var(--green-2) !important;
}