/*// nether-onescript //
@date 2025-12-16 01:45:07
@files [
    "src\/main.css",
    "src\/local\/footer.css",
    "src\/local\/header.css"
]
//*/

/*/////////////////////////////////////////////////////////////////////////
// src/main.css /////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////////
// global theme vars //////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/

:root {
	--ColourPrimary: #FFD769;
	--ColourSecondary: #111111;
	--ColourTertiary: #eeeeee;
	--ColourQuaternary: #888888;

	--ColourWhite: #eeeeee;
	--ColourBlack: #111111;

	--FontFancyAF1: 'Vast Shadow', serif;
	--FontFancyAF2: 'Playfair Display', serif;
}

body, input, select, textarea {
	font-family: var(--FontReading);
}

/*/////////////////////////////////////////////////////////////////////////////
// bootstrapesque extensions //////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/

.background-colour-primary { background-color: var(--ColourPrimary) !important; }
.background-colour-secondary { background-color: var(--ColourSecondary) !important; }
.background-colour-tertiary { background-color: var(--ColourTertiary) !important; }
.background-colour-quaternary { background-color: var(--ColourTertiary) !important; }

.text-colour-primary { color: var(--ColourPrimary) !important; }
.text-colour-secondary { color: var(--ColourSecondary) !important; }
.text-colour-tertiary { color: var(--ColourTertiary) !important; }
.text-colour-quaternary { color: var(--ColourQuaternary) !important; }

.btn-custom-primary { color: var(--ColourWhite) !important; background-color: var(--ColourPrimary) !important; border-color: var(--ColourPrimary) !important; }
.btn-custom-primary { color: var(--ColourWhite) !important; background-color: var(--ColourSecondary) !important; border-color: var(--ColourSecondary) !important; }
.btn-custom-primary { color: var(--ColourWhite) !important; background-color: var(--ColourTertiary) !important; border-color: var(--ColourTertiary) !important; }
.btn-custom-primary { color: var(--ColourWhite) !important; background-color: var(--ColourQuaternary) !important; border-color: var(--ColourQuaternary) !important; }

.rounded-1 { border-radius: 1px !important; }

.row.m1d2-md > div > div { padding-left: 1em; padding-right: 1em; }
.row.m1d2-md > div:nth-child(2n-1) > div { padding-left: 0px; }
.row.m1d2-md > div:nth-child(2n) > div { padding-right: 0px; }

@media(max-width:768px) {
	.row.m1d2-md > div:nth-child(2n-1) > div { padding-left: 0px !important; padding-right: 0px !important; }
	.row.m1d2-md > div:nth-child(2n) > div { padding-left: 0px !important; padding-right: 0px !important; }
}

/*/////////////////////////////////////////////////////////////////////////////
// primary local styles ///////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/

hr { border-color: #ddd; }

/*/////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/

.FancyAF1 {
	border-top: 3px double var(--ColourPrimary);
	border-bottom: 3px double var(--ColourPrimary);
	color: var(--ColourPrimary);
	font-family: var(--FontFancyAF1);
	font-size: 2.5em;
	text-shadow: var(--ShadowNormal), var(--ShadowNormal);
	line-height: 1em;
}

.FancyAF2 {
	color: var(--ColourWhite);
	font-family: var(--FontFancyAF2);
	font-style: italic;
	font-weight: normal;
	font-size: 6em;
	text-shadow: var(--ShadowNormal);
	text-shadow: var(--ShadowNormal), var(--ShadowNormal);
	line-height: 1em;
	margin-top: -25px;
	margin-left: 50px;
}

@media(max-width:767px) {
	.FancyAF1 {
		font-size: 1.75rem;
	}

	.FancyAF2 {
		font-size: 3rem;
		margin-top: -0px;
		margin-left: 0px;
	}
}

.Promo {
	padding-top: 42px;
}

.Promo header {
	background-image: url(/share/gfx/bg03.jpg) !important;
}

.ProfileDetailsOutput a {
	text-decoration: underline;
}

.SimpleTextNav {

}

.SimpleTextNav a {
	text-decoration: none;
}

.SimpleTextNav .On {
	font-weight: bold;
	border-bottom: 3px solid #111;
}

.SimpleTextNav .Off {
	font-weight: bold;
}

.SimpleTextNav .Off:hover:not(.dropdown-item) {
	font-weight: bold;
	border-bottom: 3px solid #1114;
}

.SimpleTextNav .dropdown-toggle::after {
	display: none;
}

#DeveloperFooter .row { font-size: 0.85em !important; }

.NUI-Dialog header,
.NUI-Dialog section,
.NUI-Dialog footer
{ border-radius: 10px; overflow: hidden; }

.NUI-Dialog { display: flex; flex-direction: column; }
.NUI-Dialog header { border: 0px solid #f00; flex-basis: 0%; flex-grow: 0; flex-shrink: 0; min-height: 0px; }
.NUI-Dialog section { border: 0px solid #0f0; flex-basis: 100%; flex-grow: 0; flex-shrink: 1; min-height: 0px; }
.NUI-Dialog footer { border: 0px solid #00f; flex-basis: 0%; flex-grow: 0; flex-shrink: 0; min-height: 0px; }

.btn { cursor:pointer; }

.WallpaperedBox.Flag {
	padding-top: 66%;
}

.ql-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

@media (max-width: 991.98px) {
	.nav
	{ display: block; }

	.nav-tabs
	{ border-bottom: 0px; }

	.nav-tabs .nav-link
	{ background-color: #f0f0f0 !important; border-bottom: 1px solid transparent !important; margin-bottom: 4px; border-radius: 5px; }

	.nav-tabs .nav-link.active
	{ border: 1px solid #333333 !important; background: #333333 !important; border-radius: 5px; color:#f0f0f0; }

	.nav-tabs .nav-link:hover
	{ border: 1px solid #F0F0F0 !important; border-radius: 5px; }
}

.ItemSlider .Item
{ width: 20%; }

@media(max-width: 990.99px) {
	.ItemSlider.Small .Item
	{ width: 40%; }

	.ItemSlider .Item footer
	{ font-size: 0.75em; }
}

@media(max-width: 575.99px) {
	.ItemSlider .Item
	{ width: 50%; }

	.ItemSlider.Small .Item
	{ width: 60%; }

	.ItemSlider .Item footer
	{ font-size: 0.75em; }
}

/*/////////////////////////////////////////////////////////////////////////
// src/local/footer.css /////////////////////////////////////////////////*/

html {
	background-color: var(--ColourBlack);
}

body > footer {
	background-color: var(--ColourBlack);
}

/*/////////////////////////////////////////////////////////////////////////
// src/local/header.css /////////////////////////////////////////////////*/

#Header2 {
	position: relative;
}

#Header2.Sticky {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9001;
}

#Header2.Sticky.Unstick {
	position: relative;
}

#Header2 a:link,
#Header2 a:visited {
	color: var(--ColourTertiary);
	text-shadow: 0px 0px 4px #000;
}

#Header2 a:active,
#Header2 a:hover {
	color: var(--ColourPrimary);
	text-decoration: none;
}

#Header2 .dropdown-item:link,
#Header2 .dropdown-item:visited {
	color: #555;
}

#Header2 .HeaderNetworkBar {
	background-color: var(--ColourBlack);
	transition:	background-color 300ms, box-shadow 300ms;
}

#Header2.Sticky .HeaderNetworkBar {
	background-color: rgba(0,0,0,0.0);
	box-shadow: var(--ShadowNone);
	transition: background-color 300ms, box-shadow 300ms;
}

#Header2.Stuck .HeaderNetworkBar
{ background-color: var(--ColourBlack); box-shadow: var(--ShadowNormal); transition: background-color 300ms; }

#Header2.Sticky.Unstick .HeaderNetworkBar
{ background-color: var(--ColourBlack); transition: background-color 0ms; }

#Header2 .HeaderLogo img
{ height: 128px; transition: height 300ms; }

#Header2.Stuck.Animated .HeaderLogo img
{ height: 64px; transition: height 300ms; }

#Header2 .HeaderMenuButton
{ font-size: 2em; color: #fff; text-shadow: 0px 0px 4px #000; }

#Header2 .HeaderMenuButton i {
	transform: rotate(0deg);
	transition: transform 500ms;
}

#Header2 .HeaderMenuButton i.Open {
	transform: rotate(90deg);
	transition: transform 500ms;
}

#Header2 .HeaderCapstone {
	background: var(--ColourBlack);
	box-shadow: var(--ShadowNormal);
	color: var(--ColourWhite);
	font-family: var(--FontTech) !important;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1em;
	padding: 8px 8px;
}

@media(max-width: 767px) {

	/*// make the capstone text a little smaller on mobile //*/
	#Header2 .HeaderCapstone {
		font-size: 1.1rem;
	}

	/*// make the cheeseburger a little bigger on mobile //*/
	#Header2 .HeaderCapstone .Cheeseburger {
		font-size: 2rem;
	}
}