/* breakpoints */
.bgtype-color {
  background-color: var(--font-color);
}
.bgtype-color .future-lab-schema input:not([type="submit"]) {
  --font-color: #0C4568;
  color: var(--font-color);
}
.bgtype-color .future-lab-schema input:not([type="submit"]):focus {
  border-color: var(--white);
}
.bgtype-color .community-circle-schema input:not([type="submit"]) {
  --font-color: #1c3a30;
  color: var(--font-color);
}
.bgtype-color .community-circle-schema input:not([type="submit"]):focus {
  border-color: var(--white);
}
.bgtype-color .tourism-camp-schema input:not([type="submit"]) {
  --font-color: #666666;
  color: var(--font-color);
}
.bgtype-color .tourism-camp-schema input:not([type="submit"]):focus {
  border-color: var(--white);
}
.bgtype-color *:not(.btn, input, a) {
  --font-color: #fff;
}
.bgtype-color a {
  --font-color: var(--dark-color);
  color: var(--font-color);
  text-decoration: none;
}
.bgtype-color .btn {
  background: var(--white);
  color: var(--secondary-color);
}
.bgtype-color .btn:hover {
  background: var(--secondary-color);
  color: var(--primary-color);
}
.bgtype-color .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.bgtype-color .typography a:not(.btn) {
  color: var(--primary-color);
}
.logo_overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 50% !important;
  height: auto !important;
}
.overlay__gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.overlay__gradient:before {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent 50%, var(--secondary-color) 100%);
  mix-blend-mode: color;
}
.overlay__gradient:after {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, var(--tertiary-color) 0%, var(--secondary-color) 100%);
  opacity: 1;
}
video.background-image {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: overlay;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fgreensignevents%2Fscss%2Fcomponents%2F_elementbackground.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAACA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */