:root {
	--ssc-color-orange: #fd5d00;
	--ssc-color-pink: #b143ae;
	--ssc-color-purple: #451ea9;
	--ssc-color-dark-blue: #272acf;
	--ssc-color-light-blue: #00a0fd;
	--ssc-color-light-green: #009966;
}

body[data-color-scheme="light"] .bg-light {
	background-color: #f5f5f7;
}

.grid-array-6 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	height: 15px;
	/* margin-top: 4em; */
}

.ssc-color-orange-bg {
	background-color: var(--ssc-color-orange) !important;
}
.ssc-color-pink-bg {
	background-color: var(--ssc-color-pink) !important;
}
.ssc-color-purple-bg {
	background-color: var(--ssc-color-purple) !important;
}
.ssc-color-dark-blue-bg {
	background-color: var(--ssc-color-dark-blue) !important;
}
.ssc-color-light-blue-bg {
	background-color: var(--ssc-color-light-blue) !important;
}
.ssc-color-green-bg {
	background-color: var(--ssc-color-light-green) !important;
}

.ssc-color-orange-font {
	color: var(--ssc-color-orange) !important;
}
.ssc-color-pink-font {
	color: var(--ssc-color-pink) !important;
}
.ssc-color-purple-font {
	color: var(--ssc-color-purple) !important;
}
.ssc-color-dark-blue-font {
	color: var(--ssc-color-dark-blue) !important;
}
.ssc-color-light-blue-font {
	color: var(--ssc-color-light-blue) !important;
}
.ssc-color-green-font {
	color: var(--ssc-color-light-green) !important;
}

body[data-color-scheme="dark"] .ssc-color-purple-font {
	color: #8544f5 !important;
}

body[data-color-scheme="dark"] .ssc-color-dark-blue-font {
	color: #5e74f6 !important;
}

.sf-hero {
	/* margin-top: 2em; */
	margin-bottom: 1.5em;
	color: #fff !important;
}

.sf-icon {
	margin-bottom: 1em;
}

body[data-color-scheme="light"] .section-hero.theme-dark,
body[data-color-scheme="dark"] .section-hero.theme-dark {
	background: radial-gradient(
			circle at 50% -10%,
			#46e0ff 0%,
			#211d60 43%,
			rgba(11, 8, 33, 0.45) 80%,
			transparent 85%
		),
		linear-gradient(to bottom, transparent 90%, #000 100%);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: #000;
}

@media only screen and (max-width: 734px) {
	html[lang="en-US"] .localnav-action.localnav-action-button,
	html[lang="de-DE"] .localnav-action.localnav-action-button,
	html[lang="es-lamr"] .localnav-action.localnav-action-button,
	html[lang="fr-FR"] .localnav-action.localnav-action-button,
	html[lang="it-IT"] .localnav-action.localnav-action-button,
	html[lang="ja-JP"] .localnav-action.localnav-action-button,
	html[lang="ko-KR"] .localnav-action.localnav-action-button,
	html[lang="pt-BR"] .localnav-action.localnav-action-button,
	html[lang="zh-CN"] .localnav-action.localnav-action-button {
		display: none !important;
	}
}

@media only screen and (max-width: 1068px) {
	html[lang="de-DE"] .localnav-action.localnav-action-button {
		display: none !important;
	}
}

/* ========== Grid  ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}

#main section.section.section-hero {
	padding-bottom: 4em;
}

#main section.section.section-hero-amin {
	padding-top: 0;
}

#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section.section.section-hero {
		padding-bottom: 4em;
	}

	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}

	#main section.section.section-hero {
		padding-bottom: 3em;
	}

	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}