/**
 * phpMyFAQ 4.0 default theme
 *
 * This Source Code Form is subject to the terms of the Mozilla Public License,
 * v. 2.0. If a copy of the MPL was not distributed with this file, You can
 * obtain one at https://mozilla.org/MPL/2.0/.
 *
 * @package   phpMyFAQ
 * @author    Thorsten Rinne <thorsten@phpmyfaq.de>
 * @copyright 2024 phpMyFAQ Team
 * @license   https://www.mozilla.org/MPL/2.0/ Mozilla Public License Version 2.0
 * @link      https://www.phpmyfaq.de
 * @since     2024-09-01
 */

:root,
[data-bs-theme='light'] {
  --bs-light: #FFF;
  --bs-dark: #060508;
  --bs-secondary: #1d646a;
  --bs-info: #40b0ae;
  --bs-success: #0aa05c;
  --bs-warning: #e1ca0a;
  --bs-danger: #f01704;
  --bs-pmf-nav: #2f3035;
  --bs-pmf-footer: #b72421;
  --bs-pmf-background: #9eb6c9;
  --bs-link-color-rgb:#333;
  --bs-pmf-nav:#FFF;
  --bs-white-rgb:#333;
  --bs-primary:#b72421;
  --bs-primary-rgb:183,36,33 !important;
  --bs-btn-hover-bg:#b72421 !important;
  --bs-primary-bg-subtle:#eee !important;
  --bs-list-group-color:#333 !important;
  --bs-white-rgb:51,51,51 !important;
  --bs-link-hover-color-rgb:183,36,33 !important;
  --bs-list-group-border-color:#999 !important;
}

[data-bs-theme='dark'] {
  --bs-light: #eceff9;
  --bs-dark: #060508;
  --bs-primary: #083c83;
  --bs-secondary: #1d646a;
  --bs-info: #40b0ae;
  --bs-success: #0aa05c;
  --bs-warning: #e1ca0a;
  --bs-danger: #f01704;
  --bs-pmf-nav: #2f3035;
  --bs-pmf-footer: #142f48;
  --bs-pmf-background: #9eb6c9;
}

body {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background: transparent !important;
}

.text-bg-pmf-nav {
  background: transparent !important;
  border-bottom: unset !important;
}

.pmf-start-page.h1, h1.pmf-start-page {
  background:none;
  color:#333;
  -webkit-text-fill-color:unset;
}

.list-group-item-primary, .list-group-item-primary a, .list-group-item-primary a:hover {
  color:#333 !important;
}

.nav-item.dropdown .btn {color:#333 !important}

.background-ellipses {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: -1;
	pointer-events: none;
}
svg {
	width: 100%;
	height: 100%;
}
.ellipse {
	transform: rotate(-15deg);
	transform-origin: center;
	animation: float 16s ease-in-out infinite;
}
.e1 {
	fill: rgba(153, 153, 153, 0.08);
}
.e2 {
	fill: rgba(187, 187, 187, 0.06);
}
.e3 {
	fill: rgba(0, 0, 0, 0.04);
}
.e1 {
	animation-delay: 0s;
	animation-duration: 12s;
}
.e2 {
	animation-delay: 2s;
	animation-duration: 10s;
}
.e3 {
	animation-delay: 4s;
	animation-duration: 6s;
}
 @keyframes float {
 0% {
transform:rotate(-15deg) translate(0px, 0px);
}
 50% {
transform:rotate(-15deg) translate(30px, -20px);
}
 100% {
transform:rotate(-15deg) translate(0px, 0px);
}
}