@import url("../fonts/fonts.css");

/*:root {
	--Brackground: #000000;
	--Surface: #000000;
	
	--On-Surface: #000000;
	--On-Background: #000000;
	--On-Primary: #000000;
	--On-Secondary: #000000;

	--Primary-On-Background: #000000;
	--Primary-On-Surface: #000000;
	--Secondary-On-Background: #000000;
	--Secondary-On-Surface: #000000;

	--Navbar-Background: #000000;
	--Navbar-Title: #000000;
	--Navbar-Button-Background-Active: #000000;
	--Navbar-Button-Background-Default: #000000;
	--Navbar-Button-Text-Active: #000000;
	--Navbar-Button-Text-Default: #000000;

	--Button-Background-Active: #000000;
	--Button-Background-Default: #000000;
	--Button-Text-Active: #000000;
	--Button-Text-Default: #000000;
}*/


body {
	background-attachment: scroll;
	background-color: var(--Brackground);
	background-position-x: center;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: 100vw auto;
	max-width: 100vw;
	overflow-x: hidden;
	font-family: quicksand;
	font-size: small;
}
footer {
	background-color: #000000;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	color: var(--On-Background);
	background-color: var(--Brackground);
	border-radius: 2rem;
	width: 2rem;
	height: 2rem;
}

.xyclone-logo {
	background-attachment: fixed;
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
}

[class*="xyclone-font"] { font-display: auto; }
.xyclone-font-primary { font-family: zekton; }
.xyclone-font-secondary { font-family: jura; }

[class*="xyclone-container"] {
	padding-top: 4rem;
	padding-bottom: 5rem;
}

[class*="xyclone-navbar-container"] {
	background-color: var(--Navbar-Background);
}
[class*="xyclone-navbar-brand"] {
	max-width: 60vw;
}
[class*="xyclone-navbar-dropdown"] {
	background-color: var(--Navbar-Background);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
[class*="xyclone-navbar-dropdown-item"] {
	padding-left: 1rem;
	padding-right: 1rem;
}
[class*="xyclone-navbar-toggler"] {
	background-color: var(--Navbar-Background);
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../icons/mono/black/hamburger.svg');
	width: 1.25rem;
	height: 1.25rem;
	padding: 0.50rem;
}
[class*="xyclone-navbar-item"] {
	border: none;
	text-decoration-line: none;
	text-decoration-thickness: 0;
}
[class*="xyclone-navbar-item-default"], [class*="xyclone-navbar-item-default-active"] {
	border-radius: 0.75rem;
}

.xyclone-navbar-title {
	color: var(--Navbar-Title);
	text-decoration: none;
	font-weight: normal;
}
	.xyclone-navbar-title:active {
		color: var(--Navbar-Title);
		text-shadow: var(--Navbar-Title);
	}
	.xyclone-navbar-title:hover {
		color: var(--Navbar-Title);
		text-shadow: var(--Navbar-Title);
	}

.xyclone-navbar-text {
	color: var(--Navbar-Button-Text-Default);
	text-decoration-color: var(--Navbar-Button-Text-Default);
	text-decoration: none;
	font-weight: normal;
}
	.xyclone-navbar-text:active {
		color: var(--Navbar-Button-Text-Active);
		text-decoration-color: var(--Navbar-Button-Text-Active);
	}
	.xyclone-navbar-text:hover {
		color: var(--Navbar-Button-Text-Active);
		text-decoration-color: var(--Navbar-Button-Text-Active);
	}

.xyclone-navbar-item-default {
	color: var(--Navbar-Button-Text-Default);
	background-color: var(--Navbar-Button-Background-Default);
	text-decoration-color: var(--Navbar-Button-Text-Default);
}
	.xyclone-navbar-item-default:active {
		color: var(--Navbar-Button-Text-Active);
		background-color: var(--Navbar-Button-Background-Active);
		text-decoration-color: var(--Navbar-Button-Text-Active);
	}
	.xyclone-navbar-item-default:hover {
		color: var(--Navbar-Button-Text-Active);
		background-color: var(--Navbar-Button-Background-Active);
		text-decoration-color: var(--Navbar-Button-Text-Active);
	}

.xyclone-navbar-item-default-active {
	color: var(--Navbar-Button-Text-Active);
	background-color: var(--Navbar-Button-Background-Active);
	text-decoration-color: var(--Navbar-Button-Text-Active);
}
	.xyclone-navbar-item-default:active {
		color: var(--Navbar-Button-Text-Active);
		background-color: var(--Navbar-Button-Background-Active);
		text-decoration-color: var(--Navbar-Button-Text-Active);
	}
	.xyclone-navbar-item-default:hover {
		color: var(--Navbar-Button-Text-Active);
		background-color: var(--Navbar-Button-Background-Active);
		text-decoration-color: var(--Navbar-Button-Text-Active);
	}

[class*="xyclone-navbar-setting"] {
	color: var(--Navbar-Button-Text-Default);
	background-color: var(--Navbar-Button-Background-Default);
	text-decoration-color: var(--Navbar-Button-Text-Default);

	border-radius: 100%;
	width: 1.75rem;
	height: 1.75rem;
	padding: 0.25rem;
}
	.xyclone-navbar-setting:hover {
		color: var(--Navbar-Button-Text-Active);
		background-color: var(--Navbar-Button-Background-Active);
		text-decoration-color: var(--Navbar-Button-Text-Active);
	}
	.xyclone-navbar-setting:hover {
		color: var(--Navbar-Button-Text-Active);
		background-color: var(--Navbar-Button-Background-Active);
		text-decoration-color: var(--Navbar-Button-Text-Active);
	}

[class*="xyclone-landing-container"] {
	min-height: 100vh;
	padding-top: 30vh;
	padding-bottom: 30vh;
	text-align: center;
}

[class*="xyclone-landing-title"] {
	color: var(--On-Background);
}
[class*="xyclone-landing-subtitle"] {
	color: var(--On-Background);
	background-color: var(--Background);
	text-shadow: 2px 2px 1em var(--Surface);
}

[class*="xyclone-header-container"] { }
[class*="xyclone-header-title"] { }
[class*="xyclone-header-subtitle"] { }

[class*="xyclone-intro-container"] { }
[class*="xyclone-intro-title"] { }
[class*="xyclone-intro-subtitle"] { }

[class*="xyclone-section-container"] {
	background-color: var(--Surface);
	border-radius: 1.00rem;
	padding: 1.00rem;
}
[class*="xyclone-section-image"] { }
[class*="xyclone-section-title"] {
	color: var(--Primary-On-Surface);
	text-align: center;
	text-shadow: 2px 2px 2rem var(--Surface);
}
[class*="xyclone-section-subtitle"] {
	text-align: center;
	text-shadow: 2px 2px 2rem var(--Surface);
}
[class*="xyclone-section-price"] {
	color: var(--Primary-On-Surface);
	text-align: start;
}
[class*="xyclone-section-link"] {
	color: var(--Button-Text-Default);
	background-color: var(--Button-Background-Default);
	text-decoration-color: var(--Button-Text-Default);
	text-align: center;
}
	.xyclone-section-link:active {
		color: var(--Button-Text-Active);
		background-color: var(--Button-Background-Active);
		text-decoration-color: var(--Button-Text-Active);
	}
	.xyclone-section-link:hover {
		color: var(--Button-Text-Active);
		background-color: var(--Button-Background-Active);
		text-decoration-color: var(--Button-Text-Active);
	}

[class*="xyclone-step-container"] {
	background-color: var(--Surface);
	border-radius: 1.00rem;
	text-align: center;
}
[class*="xyclone-step-image"] { }
[class*="xyclone-step-number"] {
	color: var(--Primary-On-Surface);
}
[class*="xyclone-step-title"] {
	color: var(--Primary-On-Surface);
}
[class*="xyclone-step-subtitle"] {
	text-align: start;
}