* {
  outline: none !important;
}

.bg-black {
  background-color: #1c1c1b !important;
}
.bg-red {
  background-color: #c8102e !important;
}
.bg-grey {
  background-color: #b7babe66;
}
.bg-grey-600 {
  background-color: #888a8b !important;
}
.bg-grey-800 {
  background-color: #555554 !important;
}
.bg-lighter-grey {
  background-color: #f9f8f8 !important;
}
.bg-black-transparent {
  background-color: #1c1c1b !important;
  mix-blend-mode: multiply;
}
.border-black {
  border-color: #1c1c1b !important;
}
.border-lighter-grey {
  border-color: #b8bbbf33 !important;
}
.border-light-grey {
  border-color: #afb1b366 !important;
}
.border-grey {
  border-color: #888a8b !important;
}

.blend-mode-multiply {
  mix-blend-mode: multiply;
}

.card.highlighted > div {
  border: 3px solid #c8102e;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.almost-square:after {
  content: "";
  display: block;
  padding-bottom: 80%;
}

.pointer-events-none\! {
  pointer-events: none !important;
}

.blend-mode-darken {
  mix-blend-mode: darken;
}

.z-90 {
  z-index: 90;
}

.radius-2 {
  border-radius: 2px;
}

.section {
  width: 100%;
}
.section-right {
  width: 100%;
}

p {
  letter-spacing: 0.025em;
}

.paragraph-link {
  font-family: "Unineue", sans-serif;
  font-weight: 500;
  letter-spacing: 0.025em;
  color: #1c1c1b;
}
.paragraph-link-important {
  font-family: "Futura Std", sans-serif;
  font-weight: 900;
}

#main-scrollbar {
  width: 100vw;
  height: 100vh;
  overflow: auto;
}

#loading-layer {
  z-index: 80;
}
#loading-bar {
  width: 0;
  height: 3px;
  background: #b7babe50;
  transition: width 0.2s;
}
#countdown-layer {
  z-index: 79;
  background: #ffffff url(/images/home/plexus.jpg) no-repeat center bottom;
  background-size: cover;
}
/* .section-left {
  margin-right: 10%;
  max-width: 90%;
  width: 90%;
} */

.mr-1\/12 {
  margin-right: 8.33%;
}
.ml-1\/12 {
  margin-left: 8.33%;
}
.mr-2\/12 {
  margin-right: 16.66%;
}
.ml-2\/12 {
  margin-left: 16.66%;
}
.ml-1\/10 {
  margin-left: 10%;
}
.-ml-1\/12 {
  margin-left: -8.33%;
}
.-mr-1\/12 {
  margin-right: -8.33%;
}
.-ml-1\/3 {
  margin-left: -33.3333%;
}
.-mr-1\/3 {
  margin-right: -33.3333%;
}
.-ml-1\/2 {
  margin-left: -50%;
}
.-mr-1\/2 {
  margin-right: -50%;
}
.-ml-2\/3 {
  margin-left: -66.6666%;
}
.-mr-2\/3 {
  margin-right: -66.6666%;
}
.-ml-4\/5 {
  margin-left: -80%;
}
.-mr-4\/5 {
  margin-right: -80%;
}

.right-100 {
  right: 100% !important;
}
.left-100 {
  left: 100%;
}

.alert.alert-danger {
  padding: 10px;
  background: red;
  color: white;
  margin-bottom: 20px;
}
.alert.alert-success {
  padding: 10px;
  background: green;
  color: white;
  margin-bottom: 20px;
}
.alert.alert-danger a,
.alert.alert-success a {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  /* MOBILE */
  .breadcrumbs > span:nth-last-child(-n + 2) {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .sm\:mr-1\/12 {
    margin-right: 8.33% !important;
  }
  .sm\:ml-1\/12 {
    margin-left: 8.33% !important;
  }
  .sm\:mr-2\/12 {
    margin-right: 16.66% !important;
  }
  .sm\:ml-2\/12 {
    margin-left: 16.66% !important;
  }
  .sm\:-ml-1\/12 {
    margin-left: -8.33%;
  }
  .sm\:-mr-1\/12 {
    margin-right: -8.33%;
  }
  .sm\:-ml-1\/3 {
    margin-left: -33.3333%;
  }
  .sm\:-mr-1\/3 {
    margin-right: -33.3333%;
  }
  .sm\:-ml-1\/2 {
    margin-left: -50%;
  }
  .sm\:-mr-1\/2 {
    margin-right: -50%;
  }
  .sm\:-ml-2\/3 {
    margin-left: -66.6666%;
  }
  .sm\:-mr-2\/3 {
    margin-right: -66.6666%;
  }
  .sm\:-ml-4\/5 {
    margin-left: -80%;
  }
  .sm\:-mr-4\/5 {
    margin-right: -80%;
  }
}

@media screen and (min-width: 768px) {
  .section {
    max-width: 80%;
    width: 80% !important;
    margin-right: 10% !important;
    margin-left: 10% !important;
    flex-grow: 1;
  }
  .section-right {
    margin-left: 10% !important;
    max-width: 90%;
    width: 90% !important;
  }
  .section-left {
    margin-right: 10% !important;
    max-width: 90%;
    width: 90% !important;
  }
  .md\:mr-1\/12 {
    margin-right: 8.33% !important;
  }
  .md\:ml-1\/12 {
    margin-left: 8.33% !important;
  }
  .md\:mr-2\/12 {
    margin-right: 16.66% !important;
  }
  .md\:ml-2\/12 {
    margin-left: 16.66% !important;
  }
  .md\:-ml-1\/12 {
    margin-left: -8.33%;
  }
  .md\:-mr-1\/12 {
    margin-right: -8.33%;
  }
  .md\:-ml-1\/3 {
    margin-left: -33.3333%;
  }
  .md\:-mr-1\/3 {
    margin-right: -33.3333%;
  }
  .md\:-ml-1\/2 {
    margin-left: -50%;
  }
  .md\:-mr-1\/2 {
    margin-right: -50%;
  }
  .md\:-ml-2\/3 {
    margin-left: -66.6666%;
  }
  .md\:-mr-2\/3 {
    margin-right: -66.6666%;
  }
  .md\:-ml-4\/5 {
    margin-left: -80%;
  }
  .md\:-mr-4\/5 {
    margin-right: -80%;
  }
}

@media screen and (min-width: 1024px) {
  .lg\:bg-lighter-grey {
    background-color: #f9f8f8 !important;
  }

  .lg\:mr-1\/12 {
    margin-right: 8.33% !important;
  }
  .lg\:ml-1\/12 {
    margin-left: 8.33% !important;
  }
  .lg\:mr-2\/12 {
    margin-right: 16.66% !important;
  }
  .lg\:ml-2\/12 {
    margin-left: 16.66% !important;
  }
  .lg\:ml-3\/12 {
    margin-left: 25% !important;
  }
  .lg\:ml-1\/10 {
    margin-left: 10%;
  }
  .lg\:-ml-1\/12 {
    margin-left: -8.33%;
  }
  .lg\:-mr-1\/12 {
    margin-right: -8.33%;
  }
  .lg\:-ml-1\/3 {
    margin-left: -33.3333%;
  }
  .lg\:-mr-1\/3 {
    margin-right: -33.3333%;
  }
  .lg\:-ml-1\/2 {
    margin-left: -50%;
  }
  .lg\:-mr-1\/2 {
    margin-right: -50%;
  }
  .lg\:-ml-2\/3 {
    margin-left: -66.6666%;
  }
  .lg\:-mr-2\/3 {
    margin-right: -66.6666%;
  }
  .lg\:-ml-4\/5 {
    margin-left: -80%;
  }
  .lg\:-mr-4\/5 {
    margin-right: -80%;
  }

  .lg\:double-column {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
  }

  .width\+8 {
    width: calc(100% + 4rem) !important;
  }
}

@media screen and (min-width: 1280px) {
  .xl\:mr-1\/12 {
    margin-right: 8.33% !important;
  }
  .xl\:ml-1\/12 {
    margin-left: 8.33% !important;
  }
  .xl\:mr-2\/12 {
    margin-right: 16.66% !important;
  }
  .xl\:ml-2\/12 {
    margin-left: 16.66% !important;
  }
  .xl\:-ml-1\/12 {
    margin-left: -8.33%;
  }
  .xl\:-mr-1\/12 {
    margin-right: -8.33%;
  }
  .xl\:-ml-1\/3 {
    margin-left: -33.3333%;
  }
  .xl\:-mr-1\/3 {
    margin-right: -33.3333%;
  }
  .xl\:-ml-1\/2 {
    margin-left: -50%;
  }
  .xl\:-mr-1\/2 {
    margin-right: -50%;
  }
  .xl\:-ml-2\/3 {
    margin-left: -66.6666%;
  }
  .xl\:-mr-2\/3 {
    margin-right: -66.6666%;
  }
  .xl\:-ml-4\/5 {
    margin-left: -80%;
  }
  .xl\:-mr-4\/5 {
    margin-right: -80%;
  }
}

@media screen and (min-width: 1400px) {
  .large\:hidden {
    display: none !important;
  }
  .large\:block {
    display: block !important;
  }
  .large\:mt-0 {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 1500px) {
  .xxl\:w-1\/4 {
    width: 25% !important;
  }
  .xxl\:mr-2\/12 {
    margin-right: 16.66% !important;
  }
  .xxl\:ml-2\/12 {
    margin-left: 16.66% !important;
  }
  .xxl\:mr-1\/12 {
    margin-right: 8.33% !important;
  }
  .xxl\:ml-1\/12 {
    margin-left: 8.33% !important;
  }
  .xxl\:mt-8 {
    margin-top: 2rem;
  }
  .xxl\:pt-8 {
    padding-top: 2rem;
  }
  .xxl\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .xxl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xxl\:text-2xl {
    font-size: 1.5rem;
  }
}

/* for bibliography */
span.sup {
  font-size: 70%;
  vertical-align: top;
}

/* for required inputs form */
label.required-input:after,
span.required-input:after {
  content: " *";
  color: #c8102e;
}

#job-text-field span,
#job-text-field p,
#job-text-field b {
  color: #555554 !important;
}