﻿:root {
	--Brackground: #F3E7D2;
	--Surface: #FFFFFF;
	
	--Primary-On-Background: #722257;
	--Primary-On-Surface: #722257;
	--Secondary-On-Background: #3D9592;
	--Secondary-On-Surface: #3D9592;
	
	--On-Surface: #000000;
	--On-Background: #000000;
	--On-Primary: #FFFFFF;
	--On-Secondary: #FFFFFF;

	--Navbar-Background: #F3E7D2;
	--Navbar-Title: #722257;
	--Navbar-Button-Background-Active: #722257;
	--Navbar-Button-Background-Default: #F3E7D2;
	--Navbar-Button-Text-Active: #FFFFFF;
	--Navbar-Button-Text-Default: #000000;

	--Button-Background-Active: #F3E7D2;
	--Button-Background-Default: #722257;
	--Button-Text-Active: #000000;
	--Button-Text-Default: #FFFFFF;
}

body {
	background-image: url('../images/theme/space/light/home/landing_background.jpg');	
}

.xyclone-logo {
	background-image: url('../icons/space/home/xyclonedesigns.svg');
}
.xyclone-navbar-toggler {
	background-image: url('../icons/space/home/hamburger.svg');
}
.xyclone-container-home-contactus {
	background-color: #339da6;
}

#xyclone-home-websites-container { }
#xyclone-home-section-one { }
#xyclone-home-applications-container { }
#xyclone-home-section-two {
	height: 160px;
	background-size: 75vw;
	background-position-x: right;
	background-position-y: center;
	background-image: url('../images/theme/space/light/home/section_two.png');
}
#xyclone-home-section-three {
	height: 130px;
	background-position-x: left;
	background-position-y: center;
	background-image: url('../images/theme/space/light/home/section_three.png');
}
#xyclone-home-branding-container {
	background-position-x: right;
	background-position-y: center;
	background-size: contain;
	background-image: url('../images/theme/space/light/home/section_four.png');
}
#xyclone-home-section-four { }