@charset "UTF-8";


/* ...............................................................................*/

/* >>  J O C K S T R A P */

/* Made in Scotland by Miles A Cruickshank */

/* ...............................................................................*/


/* Earthly Energy */

/* JockStrap 9.1 */

/* 02/03/2024 */

/* W3C Validation 02/03/2024 */
/* Excludes text-wrap:balance */
/* Excludes scale:1.1 */
/* Excludes :has */


/* ...............................................................................*/

/* >>  R O O T  C O N F I G U R E */

/* ...............................................................................*/


@import "min.site.root.css";


/* ...............................................................................*/

/* >>  R O O T  C O N F I G U R E  E N D */

/* ...............................................................................*/



/* ...............................................................................*/

/* >>  C O R E  C O N F I G U R E */

/* ...............................................................................*/


/* @group Reset */

*,::after,::before{box-sizing:border-box}*{margin:0;padding:0;line-height:1.5;line-height:calc(.275rem + 1em + .125rem)}body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}dl,ol,ul{list-style-type:none}fieldset,form{border:0}button,input,optgroup,option,select,textarea{font:inherit}input[type=button],input[type=number],input[type=text],select,textarea{font-size:16px}sub,sup{font-size:75%;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}del{text-decoration:line-through;opacity:.5}s{text-decoration:line-through;color:var(--alert-color)}canvas,img,picture,svg,video{display:block;max-width:100%}code,pre{font-family:Courier,mono;color:var(--primary-color);text-indent:0}::selection{color:#fff;background:var(--secondary-color)}
	
/* @end */


/* @group Set Me Up */

html  {
	min-height: 				100%;
	overflow-y: 				scroll;
	overflow-x: 				hidden;
	font-size: 				100%;
	-webkit-text-size-adjust: none;
	text-size-adjust: 		none;
	hanging-punctuation: 	first last;
}

html:focus-within {
	scroll-behavior: 			smooth;
}

body {
	/*height: 					auto;*/
	min-block-size:			100%;
	min-height: 				100%;
	font-weight: 				400;
	
	font-family: 				-apple-system, system-ui;
	/*font-family: 				var(--font-sans);*/
	/*font-family: 				var(--font-serif);*/
	
	color: 						var(--text-color);
	font-size: 				16px;
	font-size:					var(--text-base);
}

:target {
	scroll-margin-block: 	5em;
	scroll-padding-top: 		3rem;
}

/* @end */


/* @group Wrappers */

.mainWrapper  {
	margin-inline: 			auto;
	max-width: 				95%;
	overflow-wrap: 			break-word;
	word-wrap: 				break-word;
	/*hyphens: 					auto;
	-webkit-hyphens: 		auto;*/
}

@media (min-width: 64.25em) {
	.mainWrapper {
		min-width: 			100%;
		padding: 				0 17.5%;
		padding: 				0 calc(48vw - var(--contentWidth) / 2);
	}	
}

.wrapper {
	margin-inline: 			auto;
	min-height: 				1px;
	max-width: 				95%;
}

footer > .wrapper  {
	margin-inline: 			auto;
	max-width: 				clamp(50rem, 82.25%, 1570px);
}

.mainWrapper.fixedMin {
	position: 					relative;
	top: 						3rem;
}

@media (min-width: 48.25em) and (min-height: 48em) {
	.mainWrapper.fixedMin {
		top: 					3.75rem;
	}
}

@media (min-width: 82.5em) and (min-height: 60em) {
	.mainWrapper.fixedMin {
		top: 					4.25rem;
	}
}


@media (min-width: 48em) {

	.mainWrapper p:not(footer p) {
		max-width: 				75ch;
		max-width: 				var(--contentWidth);
	}
	
	.mainWrapper > div > p {
		max-width: 				75ch;
		max-width: 				var(--contentWidth);
	}
	
	.mainWrapper .mainContent  {
		max-width: 				85ch;
		max-width: 				var(--contentWidth);
	}
	
	.mainWrapper .mainContent > p {
		max-width: 				85ch;
		max-width: 				var(--contentWidth);
	}

}

/* @end */


/* @group Headers */

header {
	z-index: 					100;
	width: 					100%;
	margin-inline: 			auto;
	/*background-color: 		transparent;*/
	background-color: 		hsla(200, 100%, 100%, 0.9);
}

header.fixedMin {
	z-index: 					100;
	position: 					fixed;
}

/* ----- Align Header to Wrapper Width ----- */

header {
	padding: 					0 2.5%;
}

@media (min-width: 64.25em) {
	header {
		padding: 				0 17.5%;
		padding: 				0 calc(48vw - var(--contentWidth) / 2);
	}
}

/* @end */


/* @group Flow Spacing */

.flowSA > * {
	margin-block-start:		var(--flow-space);
}

.flowSA > * + *   {
	margin-block-start: 		var(--flow-space-small); 
}

.flowSA > * + * + *  {
	margin-block-start: 		var(--flow-space-small); 
}

.flowSA > * + * + h1 {
	margin-block-start: 		0;
}

.flowSA * img {
	margin-block-end: 		var(--flow-space-small);
}

.flowSA div > img {
	margin-block-end: 		0;
}

.flowSA div p, .flowSA div p + img {
	margin-block-start: 		var(--flow-space-small);
}

.flowSA .flowZ  {
	margin-block-start: 		0;
	margin-block-end: 		0;
}

.flowSA * .flowZ *  {
	margin-block-start: 		0;
}

.flowSpace, .flowSpace * div  {
	margin-block-start: 		var(--flow-space);
}

.flowPlus, .flowPlus * div {
	margin-block-start: 		var(--flow-space-plus);
}

.flowMax, .flowMax * div  {
	margin-block-start: 		var(--flow-space-max);
}

/* @end */




/* @group FlowBlock Styles */

.mainWrapper.flowSA.flowBlock * + *  {
	margin-block-start: 		var(--flow-space, 2.75em);
}

.mainWrapper.flowSA.flowBlock * + * > *  {
	margin-block-start: 		var(--flow-space-small, 1em);
}

.mainWrapper.flowSA.flowBlock p  {
	margin-block-start: 		var(--flow-space);
}

.flowBlock h1, .flowBlock h2, .flowBlock h3, .flowBlock h4, .flowBlock h5, .flowBlock h6, .flowBlock.h2, .flowBlock.h3 {
	font-weight: 				700;
	color: 						var(--text-light);
}

.flowBlock p {
	font-weight: 				500;
	color: 						var(--text-color);
	line-height: 				calc(0.75rem + 1em + 0.25em);
}

.flowBlock li {
	font-size: 				85%;
	font-weight: 				450;
	color: 						var(--text-dark);
	padding: 					var(--flow-space) 0;	
}

/* @end */




/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  A d j u s t m e n t  B u r e a u  */
/* ...............................................................................*/

/* @group Global Properties */

.gBG > * {
	background-color: 		var(--complementary-light);
}

.gBT > * {
	background-color: 		var(--complementary-tint);
}

.gBW > * {
	background-color: 		white;
}

.gBB > * {
	border: 					thin solid var(--border-color);
}

.gBR > * {
	border-radius: 			var(--border-radius);
}

.gBDrop > * {
	box-shadow: 				var(--shadow-elevation-medium);
}

.gA1 > * {
	display: 					flex;
	aspect-ratio: 			1 / 1;
}

.gA3 > * {
	display: 					flex;
	aspect-ratio: 			3 / 2;
}

.gA4 > * {
	display: 					flex;
	aspect-ratio: 			4 / 3;
}

.gA16 > * {
	display: 					flex;
	aspect-ratio: 			16 / 9;
}

/* @end */


/* @group Global Margins */

.gMVS > div {
	margin: 					var(--variable-vs);
}

.gMV > div {
	margin: 					var(--variable-v);
}

.gMVX > div {
	margin: 					var(--variable-vx);
}

/* @end */


/* @group Global Padding */

.gPMin > div {
	padding: 					var(--size-xs);
}

.gPS > div {
	padding: 					var(--size-s);
}

.gPM > div {
	padding: 					var(--size-m);
}

.gPL > div {
	padding: 					var(--size-l);
}

.gPX > div {
	padding: 					var(--size-x);
}

.gPV > div, .gPV > div {
	padding: 					var(--variable-v);
}

.gPVX > div {
	padding: 					var(--variable-vx);
}

.gPE > *:not(.button, img, span) {
	padding: 					var(--variable-rv);
}

.gPEX > *:not(.button, img, span) {
	padding: 					var(--variable-rvx);
}

.gPE * + *:not(.button, img, span) {
	padding: 					0 var(--variable-rv);
	margin-block-start: 		0;
	margin-block-end: 		0;
/*	border:  					thin solid red;*/
}

.gPEX * + :not(.button, img, span) {
	padding: 					0 var(--variable-rvx);
	margin-block-start: 		0;
	margin-block-end: 		0;
/*	border:  					thin solid orange;*/
}

/*.gPE h2, .gPE h3 .gPEX h2, .gPEX h3  {
	margin-block-start: 0;
	margin-block-end: 0;
	font-weight: bold;
	font-style: italic;
}*/

/*.gPE * + *, .gPEX * + *  {
	margin-block-start: 0;
	margin-block-end: 0;
}*/

.gPE a.button {
	margin: 					var(--variable-rv);
}

.gPEX a.button {
	margin: 					var(--variable-rvx);
}

.gPA > * :not(.button, img, span) {
	padding: 					var(--size-rs) var(--size-rs);
	margin-block-start: 		0;
	margin-block-end: 		0;
/*	border:  					thin dotted blue;*/
}

.gPA *:has(img) :not(.button, img, span) {
	padding: 					 var(--size-rs);
}

.gPA a.button {
	margin: 					var(--size-rs);
}

/* @end */


/* @group Variable Margins */

.aMV {
	margin: 					var(--variable-v);
}

.aMVX {
	margin: 					var(--variable-vx);
}

.vMV {
	margin-block-start: 		var(--variable-v);
	margin-block-end: 		var(--variable-v);
}

.vMVX {
	margin-block-start: 		var(--variable-vx);
	margin-block-end: 		var(--variable-vx);
}

.tMV {
	margin-block-start: 		var(--variable-v);
}

.tMVX {
	margin-block-start: 		var(--variable-vx);
}

.bMV {
	margin-block-end: 		var(--variable-v);
}

.bMVX {
	margin-block-end: 		var(--variable-vx);
}

.lMV {
	margin-left: 				var(--variable-vx);
}

.rMV {
	margin-right: 			var(--variable-vx);
}

.nMV {
	margin-block-start: 		-7.5vw;
	margin-block-start:		clamp(-7.5em, -8.75vw, -3%);
}

.nML {
	margin-left: 				-7.5vw;
	margin-left: 				clamp(-7.5em, -8.75vw, -3%); 
}	

/* @end */


/* @group Variable Padding */

.aPVS {
	padding: 					var(--variable-vs);
}

.aPV {
	padding: 					var(--variable-v);
}

.aPVX {
	padding: 					var(--variable-vx);
}

.tPV, .tPV > div {
	padding-top: 				var(--variable-v);
}

.tPVX {
	padding-top: 				var(--variable-vx);
}

.bPV, .bPV > div {
	padding-bottom: 			var(--variable-v);
}

.bPVX {
	padding-bottom: 			var(--variable-vx);
}	

.lPV, .lPV > div  {
	padding-left: 			var(--variable-v);
}

.rPV, .rPV > div {
	padding-right: 			var(--variable-v);
}

.hPV {
	padding: 					0 var(--variable-v);
}

.vPV {
	padding: 					var(--variable-v) 0;
}

.vPVX {
	padding: 					var(--variable-vx) 0;
}

/* @end */


/* @group Auto Margins */

.autoMT {
	margin-block-start: 		auto;
}

.autoML {
	margin-left: 				auto;
}

.autoMR {
	margin-right: 			auto;
}

/* @end */


/* @group Fixed Margins */

.aMS, .aMM, .aML, .aMX {
	margin-block-start: 		1em;
	margin-block-end: 		1em;
}

.aMS {
	margin-block-start: 		var(--size-s);
	margin-block-end: 		var(--size-s);
}

.aMM {
	margin-block-start: 		var(--size-m);
	margin-block-end: 		var(--size-m);
}

.aML {
	margin-block-start: 		var(--size-l);
	margin-block-end: 		var(--size-l);
}

.aMX {
	margin-block-start: 		var(--size-x);
	margin-block-end: 		var(--size-x);
}

.aMXL {
	margin-block-start: 		var(--size-xl);
	margin-block-end: 		var(--size-xl);
}

.aMXXL {
	margin-block-start: 		var(--size-xxl);
	margin-block-end: 		var(--size-xxl);
}

.aMZ {
	margin-block-start:		0;
	margin-block-start: 		0;
}

/* @end */


/* @group Fixed Padding */

.aPZ {
	padding: 					0 !important;
}

.aPS {
	padding: 					var(--size-s);
}

.aPM {
	padding: 					var(--size-m);
}

.aPL {
	padding: 					var(--size-l);
}

.aPX {
	padding: 					var(--size-x);
}

.aPXL {
	padding: 					var(--size-xl);
}

.aPXXL {
	padding: 					var(--size-xxl);
}

.arPS {
	padding: 					var(--size-rs);
}

.arPM {
	padding: 					var(--size-rm);
}

.arPL {
	padding: 					var(--size-rl);
}

.arPX {
	padding: 					var(--size-rx);
}

.arPXL {
	padding: 					var(--size-rxl);
}

.vPS {
	padding-top: 				var(--size-s);
	padding-bottom: 			var(--size-s);
}

.vPM {
	padding-top: 				var(--size-m);
	padding-bottom: 			var(--size-m);
}

.vPL {
	padding-top: 				var(--size-l);
	padding-bottom: 			var(--size-l);
}

.vPX {
	padding-top: 				var(--size-x);
	padding-bottom: 			var(--size-x);
}

.vPXL {
	padding-top: 				var(--size-xl);
	padding-bottom: 			var(--size-xl);
}

.vPXXL {
	padding-top: 				var(--size-xxl);
	padding-bottom: 			var(--size-xxl);
}

.hPS {
	padding-left: 			var(--size-s);
	padding-right: 			var(--size-s);
}

.hPM {
	padding-left: 			var(--size-m);
	padding-right: 			var(--size-m);
}

.hPL {
	padding-left: 			var(--size-l);
	padding-right: 			var(--size-l);
}

.hPX {
	padding-left: 			var(--size-x);
	padding-right: 			var(--size-x);
}

.hPXL {
	padding-left: 			var(--size-xl);
	padding-right: 			var(--size-xl);
}

/* @end */


/* @group Gap */

.gGH {
	gap: 						var(--gap-hairline);
}

.gGS {
	gap: 						var(--gap-small);
}

.gGM {
	gap: 						var(--gap-medium);
}

.gGL {
	gap: 						var(--gap-large);
}

.gGX {
	gap: 						var(--gap-max);
}

.gGC {
	column-gap: 				var(--gap-medium);
}

.gGR {
	row-gap: 					var(--gap-medium);
}

.gGV {
	gap: 						var(--gap-variable);
}

/* @end */

/* @group Spacers (%) */

.spL5, .spL7, .spL10, .spL15, .spL20, .spL25, .spL30, .spL33, .spL35, .spL40, .spL45, .spL50{margin-left: 0;}

@media (min-width: 48em) /*and (min-height: 48em)*/{
.spL5{margin-left: 5%}.spL7{margin-left: 7.5%}.spL10{margin-left: 10%}.spL15{margin-left: 15%}.spL20{margin-left: 20%}.spL25{margin-left: 25%}.spL30{margin-left: 30%}.spL33{margin-left: 33.3333%}.spL35{margin-left: 35%}.spL40{margin-left: 40%}.spL45{margin-left: 45%}.spL50{margin-left: 50%}.spL66{margin-left: 66.6667%}.spL70{margin-left: 70%}
}

/* @end */


/* @group High & Wide */


/* @group vW */

.vW5{width: 5vw}.vW7{width: 7.5vw}.vW10{width: 10vw}.vW15{width: 15vw}.vW20{width: 20vw}.vW25{width: 25vw}.vW30{width: 30vw}.vW33{width: 33vw}.vW35{width: 35vw}.vW40{width: 40vw}.vW45{width: 45vw}.vW50{width: 50vw}.vW55{width: 55vw}.vW60{width: 60vw}.vW65{width: 65vw}.vW66{width: 66vw}.vW70{width: 70vw}.vW75{width: 75vw}.vW80{width: 80vw}.vW85{width: 85vw}.vW90{width: 90vw}.vW95{width: 95vw}.vW100{width: 100vw}

/* @end */


/* @group vH */

.vH10{height:10vh}.vH20{height:20vh}.vH30{height:30vh}.vH40{height:40vh}.vH50{height:50vh}.vH60{height:60vh}.vH70{height:70vh}.vH75{height:75vh}.vH80{height:80vh}.vH85{height:85vh}.vH90{height:90vh}.vH95{height:95vh}.vH100,.vH100S{height:100vh}@media (min-width:48.25em){.vH100S{height:50vh}}

.vHV5 {
	height: var(--variable-vh-five);
}

.vHV10 {
	height: var(--variable-vh-ten);
}

/* @end */


/* @group Max Width */

@media (min-width: 48em) /*and (min-height: 48em)*/ { .max20{max-width:20%}.max25{max-width:25%}.max30{max-width:30%}.max33{max-width:33.3333%}.max35{max-width:35%}.max40{max-width:40%}.max45{max-width:45%}.max50{max-width:50%}.max55{max-width:55%}.max60{max-width:60%}.max65{max-width:65%}.max66{max-width:66.6667%}.max70{max-width:70%}.max75{max-width:75%}.max80{max-width:80%}.max85{max-width:85%}.max90{max-width:90%}.max95{max-width:95%}  
} 

/* @end */


/* @group Minimum Width */

@media (min-width: 25em) {
	
	.minWS {
		min-width: 			10em;
		min-width: 			clamp(180px, 22vw, 15em);
	}
	
	.minWM {
		min-width: 				12em;
		min-width: 			clamp(225px, 25vw, 18em);
	}
}

/* @end */


/* @group Minimum Height */

.minHS {
	min-height: 				15rem;
	min-height: 				clamp(240px, 18vh, 25em);
}

.minHM {
	min-height: 				25rem;
	min-height: 				clamp(320px, 35vh, 45em);
}

.minHL {
	min-height: 				32rem;
	min-height: 				clamp(512px, 42vh, 55em);
	/*min-height: 				calc(300px + 15vw);*/
}

.minHX {
	min-height: 				40em;
	min-height:				clamp(720px, 55vh, 65em);
}

.maxHM {
/*	max-height: 				clamp(640px, 38vh, 48em);*/
	max-height: 				calc(280px + 15vw);
	object-fit: 				cover;
}

.maxHL {
/*	max-height: 				clamp(728px, 42vh, 55em);*/
	max-height: 				calc(300px + 20vw);
	object-fit: 				cover;
}

/* /// End High & Wide SubFolders /// */
/* @end */

/* @end */


/* @group Z Index */

.zPC{z-index:10;position:absolute;top:0;right:20%;bottom:0;left:20%}.zPA{z-index:1;position:absolute;width:100%}.zPR{z-index:1;position:relative}.zPM{z-index:-1;position:relative}.zPM2{z-index:-2;position:relative}.zP0{z-index:0}.zP1{z-index:1}.zP10{z-index:10}.zP100{z-index:100}.pAbs{position:absolute}.pRel{position:relative}

/* @end */



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  C o n t e n t  */
/* ...............................................................................*/


/* @group Content */

.mainContent {
	/*background: 			var(--background-pattern-01);*/
}

.mainContent a {
	hyphens: 					auto;
}

.randomContent {
	display: 					none;
}

.bgImage {
	background: 				url(https://picsum.photos/1600/1200);
	background-position: 	left top;
	background-repeat: 		no-repeat;
	background-attachment: 	scroll;
	background-size: 		cover;
}

/* @end */


/* @group Character Count */

.chC20{max-width:20ch}.chC25{max-width:25ch}.chC30{max-width:30ch}.chC35{max-width:35ch}.chC40{max-width:40ch}.chC45{max-width:45ch}.chC50{max-width:50ch}.chC55{max-width:55ch}.chC60{max-width:60ch}.chC65{max-width:65ch}.chC70{max-width:70ch}.chC75{max-width:75ch}.chC80{max-width:80ch}

.chCMax  {
	max-width: 				42ch;
}

.chCAuto {
	max-width:				68ch;
	margin: 					var(--flow-space) auto;
}

.chCV {
/*max-width: 				clamp(30ch, 30vw, 68em);*/
	max-width: 				clamp(48ch, 50vw, 100em);
}

.gridC .chCV {
	max-width: 				clamp(35ch, 33vw, 68em);
}

/* @end */


/* @group Images */

img {
	display: 					block;
	width:  					100%;	
}

img.newIcon[src*="svg"] {
	min-width: 				var(--size-x);
	max-width: 				var(--size-x);
	position: 					absolute;
	left: 						var(--variable-vrmin);
	top: 						var(--variable-rvs);
	z-index: 1;
}

img.imgIcon[src*="svg"] {
	min-width: 				var(--size-xl);
	max-width: 				var(--size-xl);
}

img.imgIconXL[src*="svg"] {
	min-width: 				var(--size-xxl);
	max-width: 				var(--size-xxl);
}

.newProduct {
	cursor: 					pointer;
	z-index: 					1;
	position: 					absolute;
	left: 						3vw;
	top: 						4em;
	width: 					clamp(10.5vw + 1.5em, 5% + 1.25em, 2.5vw);
	height: 					clamp(10.5vw + 1.5em, 5% + 1.25em, 2.5vw);
	transition: 				var(--transition-in-out-075);
}

img[data-object-fit="cover"] {
	object-fit: 				cover;
	height:					100%;
	object-position: 			center center;
}

img[data-object-fit="contain"] {
	object-fit: 				contain;
	height: 					100%;
}

.imgContain {
	object-fit: 				contain;
	height: 					auto;
}

.imgContain img {
	object-fit: 				contain;
	object-position: 			center center;
}

.imgCover {
	object-fit: 				cover;
	height: 					auto;
}

.imgCover img {
	width: 					100%;
	height: 					100%;
	object-fit: 				cover;
	object-position: 			center center;
	/* ––– Options ––– */
	/*object-position: 		right center;*/
	/*object-position: 		left center;*/
}

.imgBGA {
	position: 					absolute;
	top: 						0;
	left: 						0;
	right: 						0;
	bottom: 					0;
	z-index: 					-1;
	overflow: 					hidden;
}

.imgBGA img {
	height: 					100%;
	object-fit: 				cover;
	transition: 				all 0.25s ease-in-out;
}

a .imgBGA img:hover {
	transform: 				scale(1.25);
}

/* @end */


/* @group Aspect Ratio */

.flexSQ {
	display: 					flex;
	aspect-ratio: 			1 / 1;
	/*align-items: 			center;*/  
  }

.flexSQ img {
	aspect-ratio: 			1 / 1;
}

/* @end */


/* @group Display & Position Utilities */

.autoC {
	margin-inline: 			auto;
}

.autoCC {
	position: 					absolute;
	top: 						50%;
	left: 						50%;
	transform: 				translateX(-50%) translateY(-50%);
}

.autoCC img, img.autoCC {
	position: 					absolute;
	top: 						50%;
	left: 						50%;
	display: 					block;
	transform: 				translateX(-50%) translateY(-50%);
}

.textCC {
	position: 					absolute;
	top: 						50%;
	left: 						50%;
	text-align: 				center;
	transform: 				translateX(-50%) translateY(-50%);
	width: 					100%;
}

.autoCV {
	position: 					absolute;
	top: 						50%;
	transform: 				translateY(-50%);
	/*width: 					100%;*/
}

.autoCV img {
	margin-inline: 			auto;
}

.autoCF {
	display: 					flex;
	align-items: 				center;
	place-content: 			center;
}

.dBlock {
	display: 					block;
}

.diBlock {
	display: 					inline-block;
}

.inlineA {
	margin-inline: 			auto;
}

.noDisplay {
	display: 					none;
}

.overFlow {
	overflow: 					hidden;
}

.radius {
	border-radius: 			var(--border-radius);
}

.radius > img {
	border-radius: 			var(--border-radius);
}

.sticky {
	align-self: 				start;
	position: 					-webkit-sticky;
	position: 					sticky;
	top: 						0;
}

/* @end */


/* @group Display > Width  */

.d40, .d48, .d64, .d82 {
	display: 					none;
}

@media (min-width:40em) {
	.d40 {
		display: 				inline-block;
	}
}

@media (min-width:48em) {
	
	.d48 {
		display: 				inline-block;
	}
}

@media (min-width:64.25em) {
	.d64 {
		display: 				inline-block;
	}
}

@media (min-width:82.5em) {
	.d82 {
		display: 				inline-block;
	}
}

.dx40, .dx48, .dx64, .dx82 {
	display: 					inline-block;
}

@media (min-width:64.25em) {
	.dx64 {
		display: 				none;
	}
}

/* @end */


/* @group HTML Elements */

iframe {
	width: 					100%;
	border: 					0;
	aspect-ratio: 			16/9;	
 }

figure {
	font-style: 				italic;
	color: 						var(--highlight-color );
}

figcaption {
	font-size: 				0.85rem;
}

figure img {
	margin-block-end: 		0 !important;	
}

/* @end */



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  T y p o g r a p h y  */
/* ...............................................................................*/


/* @group Text Format */


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 {
	font-weight: 				400;
	font-kerning: 			normal;
	font-variant-ligatures: normal;
	font-style: 				normal;
	letter-spacing: 			var(--chsp-ns);
	margin-left: 				var(--chm-ns);
	/*margin-block-start: 		var(--flow-space-small);*/
	margin-block-end: 		0;
	color: 						var(--heading-color);
	text-wrap: 				balance;	
}	

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
	margin-block-start: 		var(--flow-space-small);
}	

h1, .h1 {
	font-size: 				var(--size-A);
}

h2, .h2 {
	font-size: 				var(--size-B);
}

h3, .h3 {
	font-size: 				var(--size-C);
}

h4 {
	font-size: 				var(--size-D);
}

h5 {
	font-size: 				var(--size-E);
}

h6 {
	font-size: 				var(--size-F);
}

p {
	font-weight: 				400;
	font-kerning: 			normal;
	font-size: 				var(--text-base);
	line-height: 				var(--text-lh);
	color: 						var(--text-color);
	font-variant-ligatures: common-ligatures contextual;
	font-feature-settings: "kern", "liga", "clig", "calt";
	text-wrap: 				pretty;
	/*margin-block: 			1em;*/
}

p:last-of-type {
	margin-block-end: 		var(--flow-space-small);
}

.textXSmall {
	font-size: 				var(--text-xsmall);
}

.textSmall {
	font-size: 				var(--text-small);
}

.textBase {
	font-size: 				var(--text-base);
}

.textLead {
	font-size: 				var(--size-E);
}

.textHero {
	font-size: 				var(--size-D);
	letter-spacing: 			var(--chsp-n);
	margin-left: 				var(--chm-n);
}

.textBig {
	font-size: 				var(--size-C);
	letter-spacing: 			var(--chsp-n);
	margin-left: 				var(--chm-n);
}

.textMax {
	font-size: 				var(--size-B);
	letter-spacing: 			var(--chsp-ns);
	margin-left: 				var(--chm-ns);
}

.textMega {
	font-size: 				var(--size-A);
	text-indent: 				-0.02em;
	letter-spacing: 			var(--chsp-ns);
	margin-left: 				var(--chm-ns);
	line-height: 				var(--text-lh);
}

.textUltra {
	font-size: 				var(--size-AA);
	text-indent: 				-0.025em;
	letter-spacing: 			var(--chsp-ns);
	margin-left: 				var(--chm-ns);
	line-height: 				var(--text-lhmin);
}

.textOTS {
	font-size: 				var(--size-AAA);
	text-indent: 				-0.025em;
	letter-spacing: 			var(--chsp-nm);
	margin-left: 				var(--chm-nm);
	line-height: 				var(--text-lhmin);
}

small {	
	display: 					block;
	margin-block-start:		var(--flow-space-small);
	font-size: 				0.785em;
	font-size: 				clamp(0.7em, 0.65rem + 0.24vw, 1rem);
}

b, strong {
	font-style: 				normal;
	font-weight: 				700;
}

em, i {
	font-family: 				"", Georgia, serif;
}

/* @end */


/* @group Text Font Weights */

.fW100, .thin {
	font-weight: 				100;
}

.fW200, .light {
	font-weight: 				200;
}

.fW300, .book {
	font-weight: 				300;
}

.fW400, .regular {
	font-weight: 				400;
}

.fW500, .medium {
	font-weight: 				500;
}

.fW600, .semibold {
	font-weight: 				600;
}

.fW700, .bold {
	font-weight: 				700;
}

.fW800, .heavy {
	font-weight: 				800;
}

.fW900, .black {
	font-weight: 				900;
}

/* @end */


/* @group Text Classes */

.sans {
	font-family: 				var(--font-sans);
}

.serif {
	font-family: 				var(--font-serif);
}

.noHyphens {
	hyphens: 					none;
	-webkit-hyphens: 		none;
}

.textGrad {
	background: 				linear-gradient(180deg, var(--warm-color), var(--heading-color));
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}

h1.textGrad {
	background: linear-gradient(180deg, var(--highlight-color), var(--heading-color));
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}

h2.textGrad  {
	background: -webkit-linear-gradient(left, var(--alt-color), var(--text-color));
 	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
	/*font-size: 4em;*/
}

.textWhite {
	color: 						white;
}

.textWhite h1, .textWhite h2, .textWhite h3, .textWhite h4, .textWhite h5, .textWhite p {
	color: 						white;
}

.textTint, .textTint p {
	color: 						var(--text-tint);
}

.textLight, .textLight p {
	color: 						var(--text-light);
}

.textDark, .textDark p {
	color: 						var(--text-dark);
}

.textCL {
	color: 						var(--complementary-light);
}

.textCM {
	color: 						var(--complementary-mid);
}

.textCS {
	color: 						var(--complementary-color);
}

.textHL {
	color: 						var(--highlight-color);
}

.textM {
	color: 						fuchsia;
}

.textBlend {
	mix-blend-mode: 			difference;
}

.textDrop {
	text-shadow: 				0 0.075em 0.075em var(--box-shadow-color);
}

.textDropS {
	text-shadow: 				0 0.05em 0.05em var(--box-shadow-color);
}

.textDropW {
	text-shadow: 				0 0.075em 0.075em hsla(100, 100%, 100%, 0.9);
}

.smallCaps {
	text-transform: 			uppercase;
	font-size: 				0.75em;
	text-indent: 				-0.05em;	
	letter-spacing: 			0.25ch;
	margin-right: 			-0.25ch;
}

.textDescriptor {
	order: 						-1;
	margin-block-start: 		0;	
}

/* @end */


/* @group Text Alignment & Spacing*/

.textInline {
	display: 					inline;
}

.textBlock {
	box-decoration-break: 	clone;
	background: 				var(--secondary-color);
	color: 						var(--reverse-color);
	padding-inline: 			0.15em;
	line-height: 				var(--text-lhm);
}

.textLeft {
	text-align: 				left;
}

.textRight {
	text-align: 				right;
}

.textCentre {
	text-align: 				center;
}

.textCaps {
	text-transform: 			uppercase;
}

.textSpS {
	letter-spacing: 			var(--chsp-s);
}

.textSpM {
	letter-spacing: 			var(--chsp-m);
}

.textSpL {
	letter-spacing: 			var(--chsp-m);
}

.textSnS {
	letter-spacing: 			var(--chsp-ns);
}

.textSnM {
	letter-spacing: 			var(--chsp-nm);
}

.textSnL {
	letter-spacing: 			var(--chsp-nl);
}

.textLhZ {
	line-height: 				0;
}

.textLhMicro {
	line-height: 				var(--text-lhmicro);
}

.textLhMin {
	line-height: 				var(--text-lhmin);
}

.textLhS {
	line-height: 				var(--text-lhs);
}

.textLhM {
	line-height: 				var(--text-lhm);
}

.textLhMax {
	line-height: 				var(--text-lhmax);
}

.indentP p:not(.button) {
	text-indent: 				var(--flow-space-plus);
	break-inside: 			avoid-column;
	margin-block-start: 		0;
}

.indentP p:first-of-type {
	text-indent: 				0;
}

p.indentP:first-of-type  {
	text-indent: 				0;
	margin-block-start: 		0;
}

p.indentP  {
	text-indent: 				var(--flow-space-plus);
}

p.indentP + p.indentP {
	text-indent: 				var(--flow-space-plus);
}

.indentP h1 + p, .indentP h2 + p, .indentP h3 + p, .indentP h4 + p, .indentP h5 + p {
	text-indent: 				0;
}

.indentP p .button {
	text-indent: 				0;
	margin-left: 				-1.875em;
}

p.hangP {
	text-indent: 				-0.2ch;
}

/* @end */






/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  F o n t s  */
/* ...............................................................................*/

/* @group Hind */

/*16/07/2023*/

/* W3C Validation 16/07/2023 */


body {
	font-family: 				'Hind-Variable', -apple-system, system-ui, sans-serif;
	font-weight: 				400;
	font-variant: 			normal;
}

b, strong {
    font-weight: 				500;
    font-style: 				normal;
}

em, i {
    font-style: 				italic;
}


/* ----------- Hind ----------- */

/*@font-face {
	font-family: 				'Hind-Variable';
	src:					 	url(../fonts/hind_variable/Hind-Variable.woff2) format('woff2 supports variations'),
								url(../fonts/hind_variable/Hind-Variable.woff2) format('woff2-variations');
	font-weight: 				300 700;
}*/

/* @end*/



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  N a v i g a t i o n  */
/* ...............................................................................*/

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



/* ...............................................................................*/


/* @group Nav Core */

nav {
	margin-inline: 			auto;
	height: 					3rem;
	line-height: 				3;
	color: 						var(--link-color);
/*display: flex;*/
/*  flex-wrap: wrap;*/
/*  gap: 4rem;*/
}

nav ul {	
/*	background: 				white;*/
/*display: flex;*/
/*  flex-wrap: wrap;*/
/*  gap: 4rem;*/
}

nav li {
/*	display: 					block;*/
}

nav li a {
	display: 					block;
}

nav li a:hover {
	/*opacity: 				0.5;*/
}

nav li a img {
	display: 					inline;
	vertical-align: 			middle;
	max-width: 				1.275em;
}

@media (min-width: 48.25em) {
	nav {
		height: 				3.75rem;
		
	}
	
	nav ul {
		height: 				auto;	
/*		 display: flex;
  flex-wrap: wrap;
  gap: 1rem;*/
	}
	
	nav li {
		display: 				inline-block;
		padding: 				0 0.35em;
	}
	
	nav li a {
		display: 				block;
		border-bottom: 		none;
		background: 			transparent;
		font-size: 			100%;
	}
	
	nav li a:hover {
		background: 			transparent;
	}
	
	nav li a img {
		max-width: 			1.375em;
	}	
}

@media (min-width: 100em) {
	nav {
		height:				4.25rem;
	}
	
	/*nav li {
		padding: 				0 0.5em;
	}*/
}

nav.menu {
	margin-inline: 			auto;
	height: 					auto;
	line-height: 				3;
}

nav.menu ul {
	background: 				white;
}

nav.menu li {
	display: 					block;
}

nav.menu li a {
	display: 					block;
	/*display: 					flex;*/
	text-align: 				left;
	line-height: 				calc(0.25rem + 3em + 0.25rem);
	border-bottom: 			thin solid var(--border-color);
}

nav.menu li a:hover {
	background: 				inherit;
}

nav.menu li a img {
	display: 					inline;
	vertical-align: 			middle;
	max-width: 				1em;
}

/* @end */


/* @group Nav Fixed */

.navFixed {
	position: 					fixed;
	top: 						0;
	width: 					100%;
	margin-inline: 			auto;
	z-index: 					100;
}

/* @end */


/* @group Navigator */

#toggle {
	display: 					none;
}

.toggle {
	position: 					relative;
	top: 						0;
	display: 					block;
	width: 					100%;
	user-select: 				none;
	cursor: 					pointer;
	z-index: 					100;
}

label.toggle {
	float: 						none;	
}

.toggle:before {
	content: 					'Show Menu \2630';
	width: 					98%;
	display: 					flex;
	justify-content: 			flex-end;
	line-height: 				3em;
}

#toggle:checked+.toggle:before {
	content: 					'Hide Menu \2715';

}

#toggle:checked~.navigator {
	display: 					block;
	opacity: 					1;
	background-color: 		var(--alert-background-color);
	height: 					100vh;	
	width: 					100vw;
	margin-left:  			-2.5%;
  }

.toggle.show {
	display: 					none;
}

.navigator {
	position: 					absolute;
	top: 						3.25rem;
	width: 					95%;
	display: 					none;
}

.navigator li a {
	display: 					block;
	text-align: 				center;
	line-height: 				calc(0.25rem + 3em + 0.25rem);
}

.navigator > li:first-of-type  {
/*	margin-block-start: 		3em;*/
}

@media (min-width: 48.25em) {
	#toggle, .toggle {
		display: 				none;
	}
	
	#toggle:checked~.navigator {
		height: 				0;	
	}
	
	nav .navigator {
		top: 					0;
		right: 					0;
		height: 				3.75rem;
		width: 				auto;
		display: 				flex;
		flex-wrap: 			wrap;
		gap: 					1.5em;	
	}
	
	nav .navigator {
		height: 				3.75rem;
		text-align: 			right;
	}
	
	.navigator > li:first-of-type  {
		margin-block-start:	0;
	}
}

@media (min-width: 100em) {
	.navigator {
		height: 				4.25rem;
	}		
}

/* @end */


/* @group NavSlide */

.navSlide {
	display: 					flex;
/*	padding-right: 			1em;*/
	background-color: 		white;
/*	background-color: 		var(--primary-color);*/
	align-items: 				center;
	height: 					3.25rem;
}

.navSlide ul {
	display: 					flex;
	position: 					absolute;
	right: 						0;		
	top: 						0;
	width: 					100%;
	height: 					100vh;
	justify-content: 			space-evenly;
	flex-direction: 			column;
	align-items: 				center;
	background-color: 		white;
	z-index: 					1;
	transform: 				translateX(-100%);
	transition: 				all 0.5s;
}

.navSlide.slideV ul {
	display: 					flex;
	position: 					absolute;
	right: 						0;
	top: 						0;
	width: 					100%;
	height: 					100vh;
	justify-content: 			space-evenly;
	flex-direction: 			column;
	align-items: 				center;
	background-color: 		white;
	z-index: 					1;
	transform: 				translateY(-100%);
	transition:				all 0.5s;
}

.navSlide .logo img {
	height: 					3.25rem;
}

.navSlide ul.slide {
	transform: 				translateX(0);
}

.navSlide.slideV ul.slide {
	transform: 				translateY(0);
}

.navSlide ul li a {
	font-size: 				1.5em;
	font-weight: 				300;
}

.navSlide ul li a:hover {
	color: 						var(--hover-color);
}

.navSlide ul li  a img:hover {
	opacity: 					0.5;
	transform: 				scale(1.2);
	transition: 				var(--transition-out-025);
}

.menu-bars {
	display: 					flex;
	z-index: 					100;
	margin-left: 				auto;
	overflow: 					hidden;
}

.menu-bars {
	position: 					relative;
	flex-direction: 			column;
	height: 					20px;
	justify-content: 			space-between;
}

.menu-bars input {
	position: 					absolute;
	left: 						-12em;
	top: 						-1em;
	opacity: 					0;
	cursor: 					pointer;
	width: 					15em;
	height: 					3.25rem;
	z-index: 					200;
}

.menu-bars span {
	display: 					block;
	width: 					28px;
	height: 					3px;
	border-radius: 			3px;
	background-color: 		var(--link-color);
	transition: 				all 0.25s;
}

.menu-bars:hover span {
	background-color: 		var(--hover-color);
}

.menu-bars span:nth-child(2) {
	transform-origin:		0 0;
}

.menu-bars span:nth-child(4) {
	transform-origin: 		0 100%;
}

.menu-bars input:checked~span {
	position: 					relative;
	left: 						0.2em;
}

.menu-bars input:checked~span:nth-child(2) {
	background-color: 		var(--link-color);
	transform: 				rotate(45deg) translate(-1px, -1px);
}

.menu-bars input:checked~span:nth-child(4) {
	background-color: 		var(--link-color);
	transform: 				rotate(-45deg) translate(-1px, 0);
}

.menu-bars input:checked~span:nth-child(3) {
	opacity: 					0;
	transform: 				scale(0);
}

@media  (min-width: 64.25em) {
	.navSlide {
		display: 				flex;
		justify-content: 		flex-end;
		height: 				4.25rem;
	}
	
	.navSlide .logo {
		margin-right: 		auto;
	}
	
	.navSlide .logo img {
		height: 				4.25rem;
	}
	
	.navSlide ul, .navSlide.slideV ul {
		position: 				relative;
		width: 				80%;
		height: 				4.25rem;
		z-index: 				0;
		transform: 			none;
		flex-direction: 		row;
		justify-content: 		space-evenly;
	}
	
	.navSlide ul li a {
		font-size: 			1em;
	}
	
	.menu-bars {
		display: 				none;
	}
}

/* @end */


/* @group Nav Utilities */

/* @group HeadRoom */

.slideTransition{transition:all 0.25s ease-in-out}.slideReset{transform:translateY(0)}.slideUp{transform:translateY(-100%)
}
 
 /* @end */
 
 
 /* @group PerfHeader */
 
.perfHeader {
	align-self: 				start;
	position: 					-webkit-sticky;
	position: 					sticky;
	top: 						0;
	z-index: 					100;
	transform: 				translateY(0);
	transition: 				transform 0.5s ease-out;
}
 
 /* @end */
 
  /* @end */
  
/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
 /*  >>  L i n k s  */
/* ...............................................................................*/

/* @group Default Links */

a {
	text-decoration: 			none;
	text-decoration-skip-ink: auto;
	transition: 				var(--transition-in-out-025);
	color: 						var(--link-color);
	/*background-color: 		var(--link-background-color);*/
}

a:hover {
	color: 						var(--hover-color);
	/*color: 					white;
	background-color: 		var(--hover-background-color);*/
}

a.bgA {
	text-decoration: 			underline;
/*	text-decoration-skip-ink: auto;*/
	transition: 				var(--transition-in-out-025);
	color: 						var(--link-color);
	/*background-color: 		var(--link-background-color);*/
}

a.bgA:hover {
	/*color: 					var(--hover-color);*/
	color: 						white;
	/*background-color: 		var(--hover-background-color);*/
}

a:active {	
	color: 						var(--highlight-color);
	outline:					 0;
}

a:focus {
	filter: 					brightness(0.7);
	outline: 					0;
}

/* @end */


/* @group Utility Links */

/*a:not([class]) {
	text-decoration-skip-ink: auto;
}*/

a:not([class]) {
	text-decoration: 			none;
	text-underline-offset: 	0.25em;
}

footer a {
	text-decoration: 			none;
}

a[href]:empty::before {
	content: 					attr(href);
}

li a[href]:not([class]) {
	text-decoration: 			none;
}

li a:hover[href]:not([class]) {
	background-color: 		transparent;
}

.uLink a {
	text-decoration: 			underline; 
	text-decoration-color: 	var(--link-tint) ; 
	text-decoration-thickness: 0.05em; 
	text-underline-offset: 	0.1em;
}

/* @end */


/* @group Animated Links */

/* @group animLink */

.animLink a, .animLinkC a {
	position: 					relative;
	text-decoration: 			underline; 
	text-decoration-color: 	var(--border-color) ; 
	text-decoration-thickness: 0.075em; 
	text-underline-offset: 	0.15em;
}

.animLinkC a, .animLinkL a {
	position: 					relative;
	text-decoration: 			none; 
}

.animLink a:hover, .animLinkC a:hover {
	color: 						var(--hover-color);
}

.animLink a::before, .animLinkC a::before, .animLinkL a::before {
	content: 					"";
	position: 					absolute;
	display: 					block;
	width: 					100%;
	height: 					0.075em;
	bottom: 					-0.075em;
	left: 						0;
	background-color: 		var(--hover-color);
	transform: 				scaleX(0);
	transition: 				transform 0.25s ease;
}

.animLink a:hover::before, .animLinkC a:hover::before, .animLinkL a:hover::before {
	transform: 				scaleX(1);
}

.animLinkL a::before {
	transform-origin: 		top left;
}

/* @end */


/* @group animLinkH */

.animLinkW a {
	position: 				relative;
	padding-bottom: 		0.125em;
	padding-left: 		0.125em;
	padding-right: 		0.125em;
	color: 					var(--link-color);
/*	background-color: 	var(--primary-dark);*/
}

.animLinkW a:after {
	position: 				absolute;
	top: 					100%;
	left:					0;
/*	width: 				100%;*/
	height: 				1px;
	display: 				block;
	content: 				"";
	transition: 			var(--transition-out-05);
}

.animLinkW a:hover {
	color: 						var(--reverse-color);
	box-shadow: 				inset 15em 0 var(--hover-color);
}

.animLinkW a:hover:after {
	top: 					-20%;
	height: 				1.75em;
	background-color: 	var(--primary-color);
	z-index: 				-1;
}

/* @end */


/* @group AnimLinkS */

.animLinkS a {
	position: 					relative;
	display: 					inline-block;
}

.animLinkS a:before, .animLinkS a:after {
	position: 					absolute;
	background-color: 		var(--hover-color);
	z-index: 					-1;
	height: 					1px;
	content: 					"";	
}

.animLinkS a:before {
	width: 					0;
	left: 						0;
	bottom: 					0;
	transition: 				var(--transition-in-out-025);
}

.animLinkS a:after {
	width: 					100%;
	left: 						0;
	bottom: 					0;
	transition: 				var(--transition-in-out-025);
}

.animLinkS > a:hover:before {
	width: 					100%;
}

.animLinkS a:hover:after {
	height: 					1px;
	bottom: 					105%;
	transition: 				var(--transition-in-out-025);
}

footer .animLinkS a {
	position: 					absolute;
}

/* /// End Animated Link SubFolders /// */
/* @end */


/* @end */


/* @group Linked File Types  */

a[href$=".pdf"]{background:url(../icons-svg/icon-pdf.svg) no-repeat left center;background-size:1.25em;padding: 1.25em 0 1.25em 1.25em;}a[href$=".doc"]{background:url(../icons-svg/icon-doc.svg) no-repeat left center;background-size:1.25em;padding: 1.25em 0 1.25em 1.25em;}a[href$=".docx"]{background:url(../icons-svg/icon-doc.svg) no-repeat left center;background-size:1.25em;padding: 1.25em 0 1.25em 1.25em;}footer a[href$=".pdf"]{background:url(../icons-svg/icon-pdf_w.svg) no-repeat left center;background-size:1.1em;padding-left:1.25em}footer a[href$=".doc"]{background:url(../icons-svg/icon-doc_w.svg) no-repeat left center;background-size:1.1em;padding-left:1.25em}footer a[href$=".docx"]{background:url(../icons-svg/icon-doc_w.svg) no-repeat left center;background-size:1.1em;padding-left:1.25em}

/* @end */


/* @group ScrollUp */

@media (min-width: 48em) and (min-height: 40em) {
	a.scrollUp {
		position: 				fixed;
		right: 					1em;
		bottom: 				1em;
		z-index: 				100;
		background-color: 	white;
		box-shadow: 			var(--box-shadow-color) 0 0.25em 0.25em;
		border-radius: 		10%;
		width: 				2.25rem;
		height: 				2.25rem;
		text-align: 			center;
		vertical-align: 		center;
	}
	
	a.scrollUp::before {
		display: 				none;
	}
	
	a.scrollUp:after {
		color: 					var(--link-color);
		content: 				'\2912';
		font-size: 			1.5em;
		line-height: 			1.325; 
		transition: 			0.3s ease-in;
	}
	
	a.scrollUp:link {
		text-decoration: 		none;
	}
	
	a.scrollUp:hover {
		box-shadow: 			var(--box-shadow-color) 0 0.5em 0.5em;
	}
	
	a.scrollUp:hover:after {
		color: 					var(--hover-color);
	}
}

/* @end */


/* ...............................................................................*/

/* >>  S I T E   C O N F I G U R E */

/* ...............................................................................*/
/*  >>  B r a n d i n g  */
/* ...............................................................................*/

/* @group Brand */

.brand {
	color: 						var(--brand-color);
}

.brandx {
	color: 						var(--brandx-color);
}

.bgBrand {
	background-color: 		var(--brand-color);
}

.bgBrandX {
	background-color: 		var(--brandx-color);
}

/* @end */


/* @group Logo  */

.logotypeC {
	display: 					flex;
	justify-content: 			center;
}

.logotypeCF {
	display: 					flex;
	place-content: 			center;
}

.logotypeCF img {
	max-width: 				8em;
	flex-grow: 0;
}

.logoFirst .logo {
    position: 					absolute;
    top: 						2.5%;
/*	left: 						2.5%;*/
	z-index: 					1;
    display: 					block;
}

.logoFirst .logo img {
	height: 					3rem;
	width:						auto;
	
}

@media (min-width: 48.25em) {
    .logoFirst {
        position:				relative;
    }

    .logoFirst .logo {
		top: 					0;
        left: 					0;
    }

    .logoFirst .logo img {
       height: 				3.5rem;
    }
}

@media (min-width: 100em) {
    .logoFirst .logo img {
        height: 				3.785rem;
    }
}

/*.logoFirst {
		position: 				relative;
	}

.logoFirst .logo {
	position: 					absolute;
	top: 						0;
	left: 						0;
	z-index: 					1000;
	display: 					inlin;
}

.logoFirst .logo img {
	max-height: 				3.25rem;
	width:  					auto;

}

@media (min-width: 48.25em) {
	.logoFirst {
		position: 				relative;
	}
	
	.logoFirst.logo {
		left: 					0;
	}
	
	.logoFirst .logo img {
		max-height: 			3.75rem;
	}
}

@media (min-width: 100em) {
	.logoFirst .logo img {
		max-height: 			4.25rem;
	}
}*/


/* ––– Use with Clicky Menu ––– */

.logoFlex {
	display: 					flex;
	margin-right:				auto;
}

.logoFlex img {
	max-height: 				3.5rem;	
	width:  					auto;
}


/* ––– Use with Oz Menu ––– */

.logoWide {
	display: 					flex;
	margin-right:				auto;
/*	background-color: 		white;*/
}

.logoWide img {
	max-height: 				3.5rem;	
}

.logoWide .logo {
	width: 					auto;
}

/* @end */



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  C S S  G r i d  */
/* ...............................................................................*/


/* @group Grid Container */

.grid, .gridContainer {
	display: 					grid;
}

.gridContainer > div {	
	display: 					grid;
	margin-block-start: 		0;
	margin-block-end: 		0;
}

.navmodal .gridContainer > div {	
	align-content: 			start;
}

footer .gridContainer > div {
	align-content: 			start;
	align-content: 			end;
}

.mmFit {
	grid-template-columns: 	repeat(auto-fit, minmax(240px, 1fr));
	grid-auto-rows: 			auto;
	/*background: 			var(--background-pattern-01);*/
}

.mmFill {
	/*grid-template-rows: 	repeat(minmax(0rem, min-content));*/
	/*grid-template-columns:repeat(auto-fill, minmax(14rem, 1fr));*/
	grid-template-columns: 	repeat(auto-fill, minmax(clamp(240px, 25vw, 12em), 1fr));
	/*grid-auto-rows: 		50vh;*/
	/*background: 			var(--background-pattern-02);*/
}

@media (min-width:23.5rem) {
	.mmFit25 {
		grid-template-columns: repeat(auto-fit, minmax(clamp(20%, 20vw, 15em), 1fr));
		/*align-items: 			start;*/
		grid-auto-rows: 		min-content;
	}
}

@media (min-width:30em) {
	.mmFit25 {
		grid-template-columns: repeat(auto-fit, minmax(clamp(10%, 5vw, 7rem), 1fr));
		grid-auto-rows: 		auto;
	}
}

@media (min-width:40em) {
	.mmFit40 {
		grid-template-columns: repeat(auto-fit, minmax(clamp(25%, 25vw, 12em), 1fr));
		grid-auto-rows: 		auto;
		}
	}

/* @end */


/* @group Grid Columns */


.gridS,
.gridC,
.gridM, 
.gridMA {
	display: 					grid;	
}

.gridS p:first-child, 
.gridC p:first-child, 
.gridM p:first-child, 
.gridMA p:first-child,
.gridS small, 
.gridC small, 
.gridM small, 
.gridMA small {	
	margin-block-start: 		0;
}

.gridS + .gridS, 
.gridC + .gridC, 
.gridM + .gridM, 
.gridMA + .gridMA {
	margin-block-start: 		var(--flow-space-small);
}

.gridMA {
	grid-gap: 					var(--gridgap-medium);
}

@media (min-width: 23em) {
	.gridC.G25A {
		grid-template-columns:	repeat(4, minmax(5rem, 1fr));
	}
}	

@media (min-width: 40em) {

	.gridC {
		 grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	}
	
	.gridM {
		grid-template-columns: repeat(auto-fit, minmax(calc(33.3333% - 1em), 1fr));
	}

	.gridMA {
		grid-template-columns:	repeat(auto-fit, minmax(calc(33.3333% - 1em), 1fr));
		grid-template-rows: 	auto;
		grid-gap: 					0.375em;
	}

	.gridS.G20 {
		grid-template-columns:	20% 1fr;
	}

	.gridS.G25 {
		grid-template-columns:	25% 1fr;
	}

	.gridS.G30 {
		grid-template-columns:	30% 1fr;
	}

	.gridS.G33 {
		grid-template-columns:	33.3333% 1fr;
	}

	.gridS.G40 {
		grid-template-columns:	40% 1fr;
	}

	.gridS.G50 {
		grid-template-columns:	50% 1fr;
	}

	.gridS.G60 {
		grid-template-columns:	60% 1fr;
	}

	.gridS.G66 {
		grid-template-columns:	66.6666% 1fr;
	}

	.gridS.G70 {
		grid-template-columns:	70% 1fr;
	}

	.gridS.G75 {
		grid-template-columns:	75% 1fr;
	}

	.gridS.G80 {
		grid-template-columns:	80% 1fr;
	}

	.gridC.G25 {
		grid-template-columns:	repeat(4, minmax(40px, 1fr));
	}

	.gridC.G33 {
		grid-template-columns:	repeat(3, minmax(40px, 1fr));
	}

	.gridC.G50 {
		grid-template-columns:	repeat(2, minmax(40px, 1fr));
	}
	
	.G50_2 {
		grid-template-columns:	50% 1fr 1fr;
	}

	.G66_2 {
		grid-template-columns:	66% 1fr 1fr;
	}

	.G70_2 {
		grid-template-columns:	70% 1fr 1fr;
	}

	.G50_2R {
		grid-template-columns:	1fr 1fr 50%;
	}

	.G66_2R {
		grid-template-columns:	1fr 1fr 66%;
	}

	.G70_2R {
		grid-template-columns:	1fr 1fr 70%;
	}
}
/* @end */


/* @group Grid Column Push (GridContent)*/

.gridContent {
		display: 				grid;
	/*	grid-template-columns:	1.5em 1fr;*/
	}
	
@media (min-width: 48em) {

	.gridContent {
		display: 				grid;
		grid-template-columns: repeat(8, 1fr);
	}
	
	.pushG1 {
		grid-column-start: 	1;
	}

	.pushG2 {
		grid-column-start: 	2;
	}
	
	.pushG3 {
		grid-column-start: 	3;
	}

	.pushG4 {
		grid-column-start: 	4;
	}

	.pushG5 {
		grid-column-start: 	5;
	}
	
	.pushG1, .pushG2,.pushG3,.pushG4,.pushG5,.pushG6 {
		grid-column-end: 	12;
	}	
}

/* @end */

/* @group Grid Height/Width */

@media (min-width: 40em) {
	
	.spanW2 {
		grid-column: 			span 2;
	}

	.spanW2_2 {
		grid-column: 			span 2;
		grid-row: 				span 2;
	}

	.spanW3 {
		grid-column: 			span 3;
	}

	.spanW3_2 {
		grid-column: 			span 3;
		grid-row: 				span 2;
	}

	.spanW4 {
		grid-column: 			span 4;
	}

	.spanH2 {
		grid-row: 				auto/span 2;
	}

	.spanH3 {
		grid-row: 				auto/span 3;
	}

	.spanH4 {
		grid-row: 				auto/span 4;
	}
	
	.spanWV {
		grid-column: 			span 2;
	}
}


@media (min-width: 82.5em) {
	
	.spanWV {
		grid-column: 			span 3;
	}
}

/* @end */

/* @group  Grid Order */

.gridRO > div:nth-of-type(1) {
	order: 						2;
}

.gridRO > div:nth-of-type(2) {
	order: 						1;
}

@media (min-width: 40em) {
	.gridRO > div:nth-of-type(1) {
		order: 					1;
	}

	.gridRO > div:nth-of-type(2) {
		order: 					2;
	}

	.gSO > div:nth-of-type(1) {
		order: 					3;
	}

	.gSO > div:nth-of-type(2) {
		order: 					4;
	}

	.gSO > div:nth-of-type(3) {
		order: 					1;
	}

	.gSO > div:nth-of-type(4) {
		order: 					2;
	}
}
/* @end */


/* @group Grid Utilities */

.alignS {
	display: 					grid;
	align-content: 			start;
}

.alignC {
	display: 					grid;
	align-content: 			center;
}

.alignE {
	display: 					grid;
	align-content: 			end;
}

.alignSS {
	align-self: 				start;
}

.alignSC {
	align-self: 				center;
}

.alignSE {
	align-self: 				end;
}

.justifyS {
	display: 					grid;
	justify-items: 			start;
}

.justifyC {
	display: 					grid;
	justify-items: 			center;
}

.justifyE {
	display: 					grid;
	justify-items: 			end;
}

.justifySS {
	justify-self: 				start;
}

.justifySC {
	justify-self: 				center;
}

.justifySE {
	justify-self: 				end;
}

.gridCC {
	display: 					grid;
	place-items: 				center;
}

.gridCC img {
	max-width: 				25vw;	
}

.gridCS {
	display: 					grid;
	align-content: 			start;
}

.gridCV {
	display: 					grid;
	align-content: 			center;
}

.gridCE {
	display: 					grid;
	align-content: 			end;
}

/* @end */

/* @group Grid Utilities Original */

/*.grid {
	display: 					grid;
} 

.autoDense {
	grid-auto-flow: 			row dense;
}

.alignS {
	align-content: 			start;
}

.alignC {
	align-content: 			center;
}

.alignE {
	align-content: 			end;
}

.alignSS {
	align-self: 				start;
}

.alignSC {
	align-self: 				center;
}

.alignSE {
	align-self: 				end;
}

.justifyS {
	justify-items: 			start;
}

.justifyC {
	justify-items: 			center;
}

.justifyE {
	justify-items: 			end;
}

.justifySS {
	justify-self: 				start;
}

.justifySC {
	justify-self: 				center;
}

.justifySE {
	justify-self: 				end;
}

.gridCC {
	display: 					grid;
	place-items: 				center;
}

.gridCC img {
	max-width: 				25vw;	
}

.gridCS {
	display: 					grid;
	align-items: 				start;
}

.gridCV {
	display: 					grid;
	align-items: 				center;
}

.gridCE {
	display: 					grid;
	align-items: 				end;
}*/

/* @end */


/* @group Flex Utilities */

.flex {
	display: 					flex;
	flex: 						auto;
} 

.flexCC {
	display: 					flex;
	flex-direction: 			column;
	align-items: 				center;
	justify-content: 			center;	
}

.flexCV {
	display: 					flex;
	flex-direction: 			column;
	justify-content: 			center;
}

.flexDC {
	display: 					flex;
	flex-direction: 			column;
}

.flexDR {
	display: 					flex;
	flex-direction: 			row;
}

.flexAS {
	display: 					flex;
	align-items: 				flex-start;
}

.flexAC  {
	display: 					flex;
	align-items: 				center;
}

.flexAE  {
	display: 					flex;
	align-items: 				flex-end;
}

.flexASS {
	display: 					flex;
	align-self: 				flex-start;
}

.flexASC {
	display: 					flex;
	align-self: 				center;
}

.flexASE {
	display: 					flex;
	align-self: 				flex-end;
}

.flexJS {
	display: 					flex;
	justify-content: 			flex-start;
}

.flexJC {
	display: 					flex;
	justify-content: 			center;
}

.flexJE {
	display: 					flex;
	justify-content: 			flex-end;
}

.flexspA {
	display: 					flex;
	justify-content: 			space-around;
}

.flexspB {
	display: 					flex;
	justify-content: 			space-between;
}

.flexspE {
	display: 					flex;
	justify-content: 			space-evenly;
}

.flexRR {
	flex-direction: 			row-reverse;
}

/* @end */


/* @group Place Utilities */

.placeContent {
	display: grid;
	place-content: center;
	align-content: center;
}

.placeItems {
	display: grid;
	place-items: start;
	align-content: center;
}

.placeSelf {
	display: grid;
	place-self: center start;
}

.placeSelf.sCE {
	display: grid;
	place-self: center end;
}

/* @end */




/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  F l e x B o x  */
/* ...............................................................................*/


/* @group Flex Container */

.flexContainer {
	flex-wrap: 				wrap;
}

/*.flexContainer.noWrap {
	flex-direction: 			row;
}*/

.flexContainer > div, .flexContainer > article {
	flex-direction: 			column;
}

.flexContainer > * {
	flex: 						1;
}

.flexContainer img[src*="svg"] {
/*	width: 					clamp(60px, 50%, 10em);*/
/*	padding:					var(--size-s);*/
}

footer .flexContainer img[src*="svg"] {
	padding:					0;
}

.flexF1{
	flex: 						1;
}

.flexF2 {
	flex: 						2;
}

.flexF3 {
	flex: 						3;
}

.flexF4 {
	flex: 						4;
}

.flexContainerCC {
	display: 					flex;
	align-items: 				center;
	justify-content: 			center;
}

@media (min-width: 48em) {
	.flexContainer {
		display: 				flex;
		flex-direction: 		row;
	}

	/*.flexContainer > a {
		display: 				flex;
	}*/
}

/* @end */


/* @group Flex Content */

.flexContent {
	display: 					flex;
	flex-direction: 			column;
	justify-content: 			space-between;
	/* ––– Options ––– */
	/*	justify-content: 		space-around;*/
	/*justify-content: 		space-evenly;*/
}

.flexContent > * {
	display: 					flex;
	flex-direction: 			column;
	align-content: 			space-evenly;
}

/* @end */


/* @group Flex Wrap */

.flexWrap {
	display: 					flex;
	flex-wrap: 				wrap;
	flex-direction: 			column;
	font-size: 				0.925em;
}

.flexWrap > a {
	flex: 						1;
	color: 						inherit;
}

.flexWrap > a:hover {
	background-color: 		var(--secondary-tint);
}

.flexWrap .imgCover {
	width: 					100%;
}

@media (min-width: 40em) {
	.flexWrap {
		flex-direction: 		row;
	}
}

/* @end */


/* @group Flex Base */

.flexBase {
	display: 					flex;
	flex-direction: 			column;
}

.flexBase a {
		margin-top: 			auto; 
	}
	
/* @end */


/* @group Flex Button */

.flexButton {
	margin-block-start: 		auto;
	margin-block-end: 		var(--flow-space-small);
	text-decoration: 			none;
	max-width: 				50%;
	background-color: 		var(--primary-dark);
}

/*.flexBase .flexButton {
	margin-block-start: 		auto;
}*/

/*p .flexButton:last-of-type {
	margin-block-end: 		0;
}*/

/*p .flexButton {
	margin-block-end: 		var(--flow-space);
}*/

/*img .flexButton {
	margin-block-start: 		var(--flow-space);
}*/

/* @end */


/* @group Flex Order */

.flexRO > div:nth-of-type(1) {
	order: 						2;
}

.flexRO > div:nth-of-type(2) {
	order: 						1;
}

.flexRO > div:nth-of-type(3) {
	order: 						0;
}

@media (min-width: 40em) {
	.flexRO > div:nth-of-type(1) {
		order: 					0;
	}

	.flexRO > div:nth-of-type(2) {
		order: 					1;
	}

	.flexRO > div:nth-of-type(3) {
		order: 					2;
	}
}

/* @end */


/* @group Flex Panels */

.flexPanel {
	position: 					relative;
}

a .flexPanel {
	opacity: 					1;
	transition: 				var(--transition-in-out-025);
}

a .flexPanel:hover {
	opacity: 					0.5;
}

/* @end */


/* @group Flex Feature */

.flexFeature {
	display: 					flex;
	flex-wrap: 				wrap;
	border: 					2px dotted greenyellow;
}

.flexFeature * {
	display: 					flex;
	flex-direction: 			column;
	align-items: 				center;	
}

.flexContainer.flexFeature a {
	display: 					flex;	
	flex-direction: 			row;
	align-items: 				center;
	min-width: 				50%;
	font-size: 				80%;
	font-weight: 				700;
}

.flexFeature img {
	max-width: 				var(--size-xl);
}

@media (min-width: 30em) {
	
	.flexContainer.flexFeature a {
		min-width: 			30%;
		font-size: 			90%;
	}
}
	
@media (min-width: 48em) {
	
	.flexFeature * {
		display: 				flex;
		flex-direction: 		column;
		align-items: 			center;
	}
	
	.flexFeature {
		width: 				100%;
		text-align: 			center;
		align-items: 			center;
		margin-block-start: 	auto;	
	}
	
	.flexFeature * {
		display: 				flex;
		flex-direction: 		column;
		align-items: 			center;
	/* align-items: 			end;*/
		min-height: 			3.5em;
		max-width: 			80em;
	}
	
	.flexFeature img {
		/*min-width: 			96px;*/
		padding-bottom: var(--size-s);
	}
	
	.flexContainer.flexFeature a {
		flex-direction: 		column;
	}
}

/* @end */


/* @group Flex Max ••••• */

.flexMax {
 	display: flex;
 	flex-wrap: wrap;
 }

 .flexB {
 	flex-basis: 15em;
 	flex-grow: 1;
 }

 .flexG {
 	flex-basis: 0;
 	flex-grow: 999;
 	/* ↓  Wrap when the elements are of equal width */ 
 	min-inline-size: 50%;
 }

/* @end */

/* @group Flex Media */

.flexMedia {
	display: 					flex;
	flex-wrap: 				wrap;
	align-items: 				center;
	margin-block-start: 		auto;
	margin-block-end: 		0;
/*	border: 					2px dotted powderblue;*/
}

.flexMedia li {
	transition: 				var(--transition-in-out-025);
/*	padding: 					var(--size-xs);*/
}

.flexMedia li a {
	opacity: 					1;
	display: 					block;
	cursor: 					pointer;
/*	margin-block-start: 		0;*/
}

.flexMedia img {
	min-width: 				2rem;
	max-width: 				3.5em;	
}

.flexMedia.flexPlus li {
	transition: 				var(--transition-in-out-025);
	padding:  					0;
	margin-right: 			var(--size-xs) ;
}

.flexMedia.flexPlus img {
	min-width: 				3.25rem;
	max-width: 				5.75rem;
	padding-bottom: 			var(--size-xs);
	border-bottom-style: 	solid;
	border-bottom-width: 	0.15rem;
	border-bottom-color: 	var(--link-color);
}

.flexMedia li a:hover {
	opacity: 					0.5;
	scale: 						1.1;
	cursor: 					pointer;
}

/* @end */

/* @group Flex Auto */

.flexAuto  {
/*	justify-content: 			space-around;*/
/*	justify-content: 			space-between;*/
/*	justify-content: 			space-evenly;*/
}

.flexAuto li {
	margin-right: 			var(--size-s);
	background-color: 		transparent;
}

.flexAuto li:first-child, .flexAuto li a:first-child {
	border-left:  				none ;
}

.flexAuto .button  {
 
}

/* @end */


/* @group Flex Offset Title */

.offsetTitle {
	display: 					flex;
	flex-wrap: 				wrap;
	align-items: 				flex-end;
}

.offsetTitle .offsetG {
	flex-grow: 				1;
}

/* @end */


/* @group Flex Utilities Original */

/*.flex {
	display: 					flex;
	flex: 						auto;
} 

.flexCC {
	display: 					flex;
	flex-direction: 			column;
	align-items: 				center;
	justify-content: 			center;	
}

.flexCV {
	display: 					flex;
	flex-direction: 			column;
	justify-content: 			center;
}

.flexDC {
	display: 					flex;
	flex-direction: 			column;
}

.flexDR {
	display: 					flex;
	flex-direction: 			row;
}

.flexAS {
	display: 					flex;
	align-items: 				flex-start;
}

.flexAC  {
	display: 					flex;
	align-items: 				center;
}

.flexAE  {
	display: 					flex;
	align-items: 				flex-end;
}

.flexASS {
	display: 					flex;
	align-self: 				flex-start;
}

.flexASC {
	display: 					flex;
	align-self: 				center;
}

.flexASE {height:100%
	display: 					flex;
	align-self: 				flex-end;
}

.flexJS {
	display: 					flex;
	justify-content: 			flex-start;
}

.flexJC {
	display: 					flex;
	justify-content: 			center;
}

.flexJE {
	display: 					flex;
	justify-content: 			flex-end;
}

.flexspA {
	display: 					flex;
	justify-content: 			space-around;
}

.flexspB {
	display: 					flex;
	justify-content: 			space-between;
}

.flexspE {
	display: 					flex;
	justify-content: 			space-evenly;
}

.flexRR {
	flex-direction: 			row-reverse;
}*/

/* @end */



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  C o m p o n e n t s  +  */
/* ...............................................................................*/







/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  S t y l e s  */
/* ...............................................................................*/

/* @group Background Patterns */

:root {

--perf-aspire-trans: url();

--background-pattern-01: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 90 90'%3E%3Ccircle fill-opacity='0.36' fill='%23BBBBBB' cx='45' cy='45' r='10'/%3E%3Cg fill='%23E9DDB1' fill-opacity='0.36'%3E%3Ccircle cx='0' cy='90' r='10'/%3E%3Ccircle cx='90' cy='90' r='10'/%3E%3Ccircle cx='90' cy='0' r='10'/%3E%3Ccircle cx='0' cy='0' r='10'/%3E%3C/g%3E%3C/svg%3E");

--background-pattern-02: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='22' height='22' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M3.25 10h13.5M10 3.25v13.5' transform='translate(1,0)' stroke-linejoin='round' stroke-linecap='round' stroke-width='0.5' stroke='hsla(259, 20%, 80%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");

--background-pattern-03: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='80' height='40' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 100%, 0.98)'/><path d='M-20.133 4.568C-13.178 4.932-6.452 7.376 0 10c6.452 2.624 13.036 5.072 20 5 6.967-.072 13.56-2.341 20-5 6.44-2.659 13.033-4.928 20-5 6.964-.072 13.548 2.376 20 5s13.178 5.068 20.133 5.432'  stroke-width='0.5' stroke='hsla(0, 0%, 0%, 0.2)' fill='none'/><path d='M-20.133 24.568C-13.178 24.932-6.452 27.376 0 30c6.452 2.624 13.036 5.072 20 5 6.967-.072 13.56-2.341 20-5 6.44-2.659 13.033-4.928 20-5 6.964-.072 13.548 2.376 20 5s13.178 5.068 20.133 5.432'  stroke-width='0.5' stroke='hsla(33, 90%, 50%, 0.4)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");

--background-pattern-04: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='40' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(210,13.8%,88.6%,1)'/><path d='M40 45a5 5 0 110-10 5 5 0 010 10zM0 45a5 5 0 110-10 5 5 0 010 10zM0 5A5 5 0 110-5 5 5 0 010 5zm40 0a5 5 0 110-10 5 5 0 010 10z'  stroke-width='2' stroke='hsla(210,14%,83.1%,1)' fill='none'/><path d='M20 25a5 5 0 110-10 5 5 0 010 10z'  stroke-width='2' stroke='hsla(210,16.7%,97.6%,1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}

.bgPattern01 {
	background: 				var(--background-pattern-01);
}

.bgPattern02 {
	background: 				var(--background-pattern-02);
}

.bgPattern03 {
	background: 				var(--background-pattern-03);
}

.bgPattern04 {
	background: 				var(--background-pattern-04);
}

/* @end */


/* @group Border & Outline */

.outlineA1, .outlineA2, .outlineA3, .outlineA4, .outlineA5, .outlineA6 {
	outline-style: 			solid;
	outline-color: 			var(--outline-color);
}

.outlineA1 {
	outline-width: 			0.1em;
}

.outlineA2 {
	outline-width: 			0.2em;
}

.outlineA3 {
	outline-width: 			0.3em;
}

.outlineA4 {
	outline-width: 			0.4em;
}

.outlineA5 {
	outline-width: 			0.5em;
}

.outlineA6 {
	outline-width:			0.6em;
}

.borderA, .borderAL, .borderAP, .borderAS, .borderAC, .borderAHL, .borderAW {
	border-style: 				solid;
	border-width: 			thin;
}

.borderA {
	border-color: 				var(--border-color);
}

.borderAL {
	border-color: 				var(--link-color);
}

.borderAP {
	border-color: 				var(--primary-color);
}

.borderAS {
	border-color: 				var(--secondary-color);
}	

.borderAC {
	border-color: 				var(--complementary-color);
}

.borderAHL {
	border-color: 				var(--highlight-color);
}

.borderAW {
	border-color: 				var(--border-color-white);
}

.bW1 {
	border-width: 			thin;
}

.bW2 {
	border-width: 			medium;
}

.bW3 {
	border-width: 			thick;
}

.bW4 {
	border-width: 			0.5em;
}

.bW5 {
	border-width: 			0.6em;
}

.bW6 {
	border-width: 			0.75em;
}

.borderT {
	border-top-style: 		solid;
	border-top-width: 		thin;
	border-top-color: 		var(--border-color);
}

.borderL {
	border-left-style: 		solid;
	border-left-width: 		thin;
	border-left-color: 		var(--border-color);
}

.borderR {
	border-right-style: 		solid;
	border-right-width: 		thin;
	border-right-color: 		var(--border-color);
}

.borderB, .borderB2, .borderB3 {
	border-bottom-style: 	solid;
	border-bottom-color: 	var(--border-color);
}

.borderB {
	border-bottom-width: 	thin;
}

.borderB2 {
	border-bottom-width: 	medium;
}

.borderB3 {
	border-bottom-width: 	thick;
}

.borderTL {
	border-top: 				thin solid var(--border-color);
}

.borderTL2 {
	border-top: 				medium solid var(--border-color);
}

.borderTL:first-of-type,
.borderTL2:first-of-type {
	border-top: 				none;
}

.borderInset {
	box-shadow: 				inset 0 0.15rem 0.2rem var(--box-shadow-color);
}

.borderR {
	border-radius: 			50%;
}

.borderRS {
	border-radius: 			1rem;
}

@media (min-width: 48em) {
	.borderTL {
		border-top: 			none;
		border-left: 			thin solid var(--border-color);
	}

	.borderTL2 {
		border-top: 			none;
		border-left: 			medium solid var(--border-color);
	}

	.borderTL:first-of-type,
	.borderTL2:first-of-type {
		border-left: 			none;
	}
}

/* @end */


/* @group Colour Styles */

.bg {
	background-color: 		var(--primary-bg);
}

.bgTint {
	background-color: 		var(--primary-tint);
}

.bgLight {
	background-color: 		var(--primary-light);
}

.bgMid {
	background-color: 		var(--primary-mid);
}

.bgDark {
	background-color: 		var(--primary-dark);
}

.bgSolid {
	background-color: 		hsla(var(--primary-h), var(--primary-s), var(--primary-l), var(--primary-a));
}

.bgTint10 {
	background-color: 		var(--primary-tint-10);
}

.bgTint15 {
	background-color: 		var(--primary-tint-15);
}

.bgTint20 {
	background-color: 		var(--primary-tint-20);
}

.bgTint25 {
	background-color: 		var(--primary-tint-25);
}

.bgTint30 {
	background-color: 		var(--primary-tint-30);
}

.bgTint40 {
	background-color: 		var(--primary-tint-40);
}

.bgTint50 {
	background-color: 		var(--primary-tint-50);
}

.bgsTint {
	background-color: 		var(--secondary-tint);
}

.bgsLight {
	background-color: 		var(--secondary-light);
}

.bgsMid {
	background-color: 		var(--secondary-mid);
}

.bgsSolid {
	background-color: 		var(--secondary-color);
}

.bgcTint {
	background-color: 		var(--complementary-tint);
}

.bgcLight {
	background-color: 		var(--complementary-light);
}

.bgcMid {
	background-color: 		var(--complementary-mid);
}

.bgcSolid {
	background-color: 		var(--complementary-color);
}

.bgLink {
	background-color: 		var(--link-color);
}

.bgHL {
	background-color: 		var(--highlight-color);
}

.bgWarm {
	background-color: 		var(--warm-color);
}

.bgAlt {
	background-color: 		var(--alt-color);
}

.bgAlert {
	background-color: 		var(--alert-color);
}

.bgBlock {
	background-color:			var(--block-color);
}

.bgMenu {
	background-color: 		transparent;
}

.bgWhite {
	background-color: 		white;
}

.bgW025 {
	background-color: 		hsla(0, 100%, 100%, 0.25);
}

.bgW050 {
	background-color: 		hsla(0, 100%, 100%, 0.5);
}

.bgW075 {
	background-color: 		hsla(0, 100%, 100%, 0.75);
}

.bgGrad {
	background-color: 		var(--primary-mid);
	background-image: 		linear-gradient(var(--gradient-dir), var(--primary-color) 0, var(--secondary-color));
	--gradient-dir: 			to top;
}

.bgGradTint {
	background-color: 		var(--primary-tint);
	background-image: 		linear-gradient(var(--gradient-dir), var(--primary-tint-50) 0, var(--secondary-tint));
	--gradient-dir: 			to bottom;
}

.barGrad:before {
	position: 					relative;
	top: 						0;
	left:						0;
	display: 					block;
	content: 					"";
	width: 					100%;
	height: 					0.275rem;
	background-color: 		var(--secondary-light);
	background-image: 		linear-gradient(var(--gradient-dir), var(--secondary-mid) 0, var(--warm-color));
	--gradient-dir: 			to right;
}

/* @end */


/* @group Shadow Styles */

:root {
	
--shadow-color: 				0 1% 85%;

--shadow-elevation-low:
0px 0.6px 0.8px 				hsl(var(--shadow-color) / 0.17),
0px 2.3px 3px -0.4px 		hsl(var(--shadow-color) / 0.27),
0px 5.2px 6.8px -0.8px 		hsl(var(--shadow-color) / 0.4);

--shadow-elevation-medium:
0px 0.6px 0.8px 				hsl(var(--shadow-color) / 0.18),
0px 2.3px 3px -0.4px 		hsl(var(--shadow-color) / 0.27),
0px 5.2px 6.8px -0.8px 		hsl(var(--shadow-color) / 0.36),
0px 11.5px 15.1px -1.2px 	hsl(var(--shadow-color) / 0.45);

--shadow-elevation-high:
0px 0.6px 0.8px 				hsl(var(--shadow-color) / 0.14),
0px 4.1px 5.4px -0.2px 		hsl(var(--shadow-color) / 0.18),
0px 7.5px 9.8px -0.4px 		hsl(var(--shadow-color) / 0.22),
-0.1px 28px 375px -1px 		hsl(var(--shadow-color) / 0.35),
-0.1px 43px 57px -1px 		hsl(var(--shadow-color) / 0.39);
}

.bgBoxS {
	box-shadow: 				var(--shadow-elevation-low);
}

.bgBox {
	box-shadow: 				var(--shadow-elevation-medium);
}

.bgBoxL  {
	box-shadow: 				var(--shadow-elevation-high);
}

.bgBoxIn {
  box-shadow: 				var(--box-shadow-color) inset -0.02rem -0.04rem 0.4em ;
}

.bgBoxA {
	box-shadow: 				var(--box-shadow-color) 0.02rem 0.25em 0.7rem;
}

.bgBoxAL {
	box-shadow: 				var(--box-shadow-light) 0 0.03rem 0.35em 0.1rem;
}

.bgBoxAD {
	box-shadow: 				var(--box-shadow-color) 0 0.07rem 0.5rem 0.2rem;
}

.bgDrop {
	filter: 					drop-shadow(0 0.1em 0.1em var(--box-shadow-color));
}

.bgDropX {
	filter: 					drop-shadow(0 0.25em 0.25em var(--box-shadow-color));
}

.bgDropDark {
	filter: 					drop-shadow(0 0.1em 0.1em var(--box-shadow-dark));
}

.bgDropW {
	filter: 					drop-shadow(0 0.15em 0.2em white);
}

/* @end */


/* @group Blend Mode */

.blendScreen {
	mix-blend-mode: 			screen;
}

.blendMultiply {
	mix-blend-mode: 			multiply;
}

.blendDarken {
	mix-blend-mode: 			darken;
}

.blendDifference {
	mix-blend-mode: 			difference;
}

.blendBurn {
	mix-blend-mode: 			color-burn;
}

/* @end */


/* @group CSS Filters */

.imgFilter {
	cursor:  					pointer;
	transition: 				var(--transition-in-05);
}

.grayscale {
	filter: 					grayscale(100%);
}

.grayscale:hover {
	filter: 					grayscale(0);
}

.sepia {
	filter: 					sepia(0.8);
}

.sepia:hover {
	filter: 					sepia(0);
}

.brightness {
	filter:						brightness(50%);
}

.brightness:hover {
	filter: 					brightness(100%);
}

.contrast {
	filter: 					contrast(25%);
}

.contrast:hover {
	filter: 					contrast(100%)
}

.blur {
	filter: 					blur(3px);
}

.blur:hover {
	filter: 					blur(0);
}

img.opacity {
	filter: 					opacity(0.5);
}

img.opacity:hover {
	filter: 					opacity(1)
}

/* @end */


/* @group Opacity */

.op25 {
	opacity: 					0.25;
}

.op50 {
	opacity: 					0.5;
}

.op75 {
	opacity: 					0.75;
}

/* @end */



/* ...............................................................................*/

/* >>  S I T E  C O N F I G U R E  E N D */

/* ...............................................................................*/




/* ...............................................................................*/

/* >>  E X T R A S   C O N F I G U R E */

/* ...............................................................................*/



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  A n i m a t i o n  */
/* ...............................................................................*/







/* @group OnScroll Viewport FX */

.element{opacity:0}.element{opacity:0;transition:transform 4s 0.5s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out}.element.is-visible{opacity:1}.element-up{opacity:0;transform:translateY(5em);transition:transform 4s 0.5s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.5s ease-out;will-change:transform,opacity}.element-up.is-visible{opacity:1;transform:translateY(0)}.element-left{opacity:0;transform:translateX(5em);transition:transform 4s 0.5s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.5s ease-out;will-change:transform,opacity}.element-left.is-visible{opacity:1;transform:translateX(0)}.element-right{opacity:0;transform:translateX(-50%);transition:transform 4s 0.5s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.5s ease-out;will-change:transform,opacity}.element-right.is-visible{opacity:1;transform:translateX(0)}.element-down{opacity:0;transform:translateY(-5em);transition:transform 4s 0.5s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.5s ease-out;will-change:transform,opacity}.element-down.is-visible{opacity:1;transform:translateY(0)}.element-opacity{opacity:0;transition:transform 4s 2s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:opacity(0.1)}.element-opacity.is-visible{opacity:1;transition:1s filter linear;filter:opacity(1)}.element-opacityIn{opacity:0;transition:transform 4s 2s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:opacity(0)}.element-opacityIn.is-visible{opacity:1;transition:1s filter linear;filter:opacity(1);transition-delay:1s}.element-opacityUp{opacity:0;transition:transform 4s 2s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:opacity(0.2)}.element-opacityUp.is-visible{opacity:1;transition:1s filter linear;filter:opacity(1)}.element-upRotate{opacity:0;opacity:1;transform:translateY(4em) rotateZ(-4deg);transition:opacity .3s .25s ease-out;transition:transform 4s .25s cubic-bezier(0,1,.3,1),opacity .3s .25s ease-out;width:90%;will-change:transform,opacity}.element-upRotate.is-visible{opacity:1;transform:rotateZ(2deg)}.element-blur{opacity:0;transition:transform 4s 0.5s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:blur(15px)}.element-blur.is-visible{opacity:1;transition:1s filter linear;filter:blur(0);transition-delay:1.25s}.element-grayscale{opacity:0;transition:transform 4s 2s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:grayscale(100%)}.element-grayscale.is-visible{opacity:1;transition:1s filter linear;filter:grayscale(0);transition-delay:1s}.element-saturate{opacity:0;transition:transform 4s 2s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:saturate(30%)}.element-saturate.is-visible{opacity:1;transition:5s filter linear;filter:saturate(100%)}.element-brightness{opacity:0;transition:transform 4s 2s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:brightness(25%)}.element-brightness.is-visible{opacity:1;transition:5s filter linear;filter:brightness(100%)}.element-contrast{opacity:0;transition:transform 4s 2s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:contrast(10%)}.element-contrast.is-visible{opacity:1;transition:5s filter linear;filter:contrast(100%)}.element-sepia{opacity:0;transition:transform 4s 2s cubic-bezier(0,1,0.3,1),opacity 0.5s 0.25s ease-out;filter:sepia(100%)}.element-sepia.is-visible{opacity:1;transition:5s filter linear;filter:sepia(0)}.elementPanel{position:relative;background-color:tan;height:50%}

/* @end */


/* @group Transition Delays */

.trD025 {
	transition-delay: var(--animation-timing-a)
}

.trD05 {
	transition-delay: var(--animation-timing-aa)
}

.trD075 {
	transition-delay: var(--animation-timing-aaa)
}

.trD1 {
	transition-delay: var(--animation-timing-b)
}

.trD15 {
	transition-delay: var(--animation-timing-bb)
}

.trD2 {
	transition-delay: var(--animation-timing-c)
}

.trD25 {
	transition-delay: var(--animation-timing-cc)
}

.trD3 {
	transition-delay: var(--animation-timing-d)
}

.trD4 {
	transition-delay: var(--animation-timing-e)
}

.trD5 {
	transition-delay: var(--animation-timing-f)
}

/* @end */






/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  E s s e n t i a l  E l e m e n t s  +  */
/* ...............................................................................*/





/* @group Accordions */

.options {
	font-size: 				0.75em;
	text-align: 				right;
	margin-block-end: 		1em;
}

#faqs, #faqs1, #faqs2, #faqs3 {
	background-color: 		transparent;
}

.acc li {
	border-top: 				thin solid var(--border-color);
	margin-block-start:		0;
	margin-block-end:		0;
}

.acc h3 {
	position: 					relative;
	cursor: 					pointer;
	margin-block-start:		var(--flow-space-min);
	color: 						var(--link-color);
	transition: 				var(--transition-in-025);
}

.acc h3:hover {
	color: 						var(--hover-color);
}

.acc h3:after {
	position: 					absolute;
	top: 						-0.15em;
	right: 						0.5em;
	content: 					'';
	height: 					1.5em;
	width: 					1.5em;
	transform: 				rotate(-90deg);
	background-image: 		var(--icon-chevron);
	background-position: 	center;
	background-repeat: 		no-repeat;
	background-size: 		1.5em auto;
	transition: 				var(--transition-out-025);
	/*background-color: 		var(--primary-tint);*/
}

.acc h3:hover:after {
	opacity: 					0.5;
	transform: 				translateY(-50%) rotate(90deg);
	transform: 				rotate(0deg);
}

.accSection {
	overflow: 					hidden;
}

.accContent p {
	max-width: 				90%;
	margin-block-start: 		0;
}

/* @end */


/* @group Accordion Left Arrow */

.acc.arrowL li {
	border-top: 				thin solid var(--border-color);
	min-height:  				1em;
	margin-block-start: 		0;
	margin-block-end: 		0;
}

.acc.arrowL h3 {
	position: 					relative;
	top: 						0;
	left: 						0;
	margin-left: 				1rem;
	margin-bottom: 			0.5em;
	cursor: 					pointer;
	font-size: 				var(--size-D);	
	margin-block-start: 		0.5em;
	margin-block-end: 		0.5em;
	}

.acc.arrowL h3 {
	padding: 0 0 0 2rem;
}

.acc.arrowL h3:before {
	position: 					absolute;
	top: 						0.325em;
	left: 						0.15em;
	content: 					'';
	height: 					1rem;
	width: 					1rem;
	transform: 				rotate(-90deg);
	background-image: 		var(--icon-chevron);
	background-position: 	center;
	background-repeat: 		no-repeat;
	background-size: 		1em auto;
	transition: 				var(--transition-out-025);
}

.acc.arrowL h3:hover:before {
	opacity: 					0.5;
	transform: 				translateY(-50%) rotate(90deg);
	transform: 				rotate(0deg);
}

.acc.arrowL h3:after {
	background: 				none;
}

.acc.arrowL .accSection {
	overflow: 					hidden;	
	margin-left: 				0;
}

.acc.arrowL .accContent  {
	max-width: 				55ch;
	padding-bottom: 			0;
}

.acc.arrowL .accContent {
	margin-top:  				0.5em;
	margin-left:  			2em;
}

@media (min-width: 48.25em) {
	
	.acc.arrowL h3 {
		width: 				48%;
	}
	
	.acc.arrowL .accSection {
		position: 				relative;
		top: 					-3em;
		left: 					50%;
		width: 				50%;
		overflow: 				hidden;
	}
}

/* @end */


/* @group Aside •••• */

aside {
	hanging-punctuation: 	none;
}

aside:not(.pullLeftS, .pullRightS) {
	position: 					relative;
	padding:					clamp(0.75rem, 2.5%, 2rem);
}

aside.pullLeft, aside.pullLeft:after, aside.pullRight, aside.pullRight:after, aside.pullLeftS, aside.pullRightS {
	background-color: 		var(--primary-tint-10);
}

aside.pullLeft, aside.pullRight {
	border-radius: 			1em;	
}

aside blockquote {
	padding: 					0;
	quotes: 					none;
}

aside.pullLeftS, aside.pullRightS {
	border-radius: 			0.5em;	
}

aside.pullLeftS img, aside.pullRightS img {
	border-radius: 			 0.5em 0.5em 0 0;
}

aside.pullLeftS figure :not(img), aside.pullRightS figure :not(img) {
	padding:  					var(--size-m);
	margin-inline-start: 	0;
}

aside.pullLeftS {
	float: 						inline-start;
	margin-inline-end: 		var(--size-rm);
	margin-block: 			var(--size-rm);
	max-inline-size: 		50%;
}

aside.pullRightS {
	float: 						inline-end;
	margin-inline-start: 	var(--size-rm);
	margin-block: 			var(--size-rm);
	max-inline-size: 		50%;
}

@media (min-width: 64.25em) {
	aside.pullLeftS {
		width: 				40%;
		margin-left: 			clamp(-10vw, -50%, -15em);
	}
	
	aside.pullRightS {
		width: 				40%;
		margin-right: 		clamp(-10vw, -50%, -15em);
	}
}

aside.pullLeft {
	float: 						left;
	margin: 					1em 1em 2.5em 0;
	max-inline-size: 		calc(50% - 1em);	
}

aside.pullLeft:after {
	position: 					absolute;
	left: 						0;
	border-radius: 			0 0 0 1.75em;
	bottom: 					-1.5em;
	content: 					"";
	height: 					1.5em;
	width: 					1.5em;
	margin-left: 				45%;	
}

aside.pullRight {
	float: 						right;
	margin: 					1em 0 2.5em 1em;
	max-inline-size: 		50%;	
}

aside.pullRight:after {
	position: 					absolute;
	right: 						0;
	border-radius: 			0 0 1.75em 0;
	bottom: 					-1.5em;
	content: 					"";
	height: 					1.5em;
	width: 					1.5em;
	margin-right: 			45%;
}

@media (min-width: 64.25em) {
	aside.pullLeft {
		max-inline-size: 	33%;
		margin-block-end: 	2.5em;
		margin-left: 			clamp(-8vw, -50%, -15em);
	}
	
	aside.pullRight {
		max-inline-size: 	33%;
		margin-block-end: 	2.5em;
		margin-right: 		clamp(-8vw, -50%, -15em);
	}	
}

/* @end */


/* @group PullQuote & PullOut •••• */

/*aside.pullLeftS {
	float: 						inline-start;
	margin-inline-end: 		var(--size-rm);
	margin-block: 			var(--size-rm);
	max-inline-size: 		50%;
}*/

/*/*aside.pullRightS {
	float: 						inline-end;
	margin-inline-start: 	var(--size-rm);
	margin-block: 			var(--size-rm);
	max-inline-size: 		50%;
}*!/*/


.pullQuote {
	hanging-punctuation: 	first last;
	float: 						inline-start;
	margin-inline-end: 		var(--size-rm);
	margin-block: 			var(--size-rm);
	max-inline-size: 		50%;
}

.pullQuote p:last-of-type {
	margin-block-end: 		0;	
}

.pullOut {
	float: 						inline-start;
}
	
aside.pullOut p, aside.pullOut cite {
	color: 						var(--highlight-color);
	margin-block: 			-0.25rem;
}

@media (min-width: 48em) {

	.pullQuote {
		max-inline-size: 	50%;
		margin-block: 		var(--size-rm);
	}
	
	.pullOut {
		max-inline-size: 	50%;
		margin: 				1rem 1rem 1rem -20%;
	}
	
	aside.pullOut {
		width:					42.50%;
		margin-left: 			-47.5%;
		margin-right: 		2.5%;
	}	
}

/* @end */


/* @group Blockquotes •••• */

blockquote {
	hanging-punctuation: 	none;
	padding: 					var(--size-rm);
	quotes:					none;
}

cite {
	font-weight: 				normal;
	font-style: 				normal;
	font-family: 				var(--font-sans);
	font-size: 				var(--text-small);
}

blockquote cite {
	display: 					block;
}

blockquote p {
	color: 						var(--secondary-color);
}

blockquote p.bigComma {
	font: 						6em/0.75 serif;
	color: 						var(--primary-mid);
	margin-block: 			-0.25rem;
}

blockquote span.dropComma {
	float: 						inline-start;
	margin-inline-end: 		var(--size-rm);
	/*margin-block: 			var(--size-rm);*/
	
	font-size: 				4rem;
	border-radius: 			50%;
	font-weight: 				700;
	text-align: 				center;
	background-color: 		var(--secondary-color);
	color: 						var(--reverse-color);
	width: 					3rem;
	height: 					3rem;
	/*margin-inline-start: 	var(--size-rx);*/
/*	margin-block: var(--size-m);*/
}

blockquote p:nth-of-type(2n) {
	margin: 					0;
	padding: 					0;
}

blockquote p:last-of-type:after {
	content: 					'\201D';
}

blockquote cite:last-of-type:after {
	content: 					'';
}

/* /// Blockquote Quote Comma /// */

blockquote .quoteComma {

/*	text-indent: 				-0.01em;*/
	padding: 					0;
	font: 						4em/1 sans-serif;
	color: 						var(--secondary-color);
	opacity: 					0.5;
	margin-block-end: 		0;
}

/* /// Blockquote Rules /// */

blockquote.rules {
	border-top: 				thick solid var(--border-color);
}

blockquote.rules cite {
	border-bottom: 			thin solid var(--border-color);
}

/* ///  Blockquote Quotation /// */

blockquote.quotation p {
	padding-inline-start: 	var(--size-rm);
}

blockquote.quotation p:first-of-type:before {
	content: 					'\275D';
	color: 						var(--complementary-color);
	margin-left: 				-1.25em;
	padding-right: 			0.25em;
	font-size: 				1.25em;
}

blockquote.quotation p:last-of-type:after {
	content: 					'\275E';
	color: 						var(--complementary-color);
	font-size: 				1.25em;
}

blockquote.quotation cite {
	padding-left: 			var(--size-rm);
}

blockquote.quotation cite img {
	padding-top: 				var(--size-s);
	max-width: 				9em;
}

/* /// Blockquote Pseudo /// */

blockquote.pseudo {
	color: 						var(--secondary-color);
}

blockquote.pseudo p:first-of-type:before {
	content: 					'\275D';
	font: 						2em/0.25 serif;
	vertical-align: 			middle;
	color: 						var(--primary-tint-40);
	padding-right: 			0.075em;
}

blockquote.pseudo p:last-of-type:after {
	content: 					'\275E';
	font: 						2em/0.25 serif;
	vertical-align: 			middle;
	color: 						var(--primary-tint-40);
	padding-left: 			0.075em;
}

blockquote.pseudo p + p {
	text-indent: 				1.575em;
}

blockquote.pseudo cite:first-of-type:before, blockquote.pseudo cite :first-of-type:after {
	content: 					'';
}

/* ///  Blockquote textQuote /// */

.textQuote {
	position: 					relative;
	width: 					90%;
	margin-block-start: 		0.75em;
	margin-block-end: 		0.75em;
}

.textQuote p {
	color: 						var(--primary-solid);
}

.textQuote p:before {
	content: 					'\201C';
	position: 					absolute;
	top: 						-1.15rem;
	font: 						5em serif;
	color: 						var(--primary-tint-50);
	transform: 				translateX(-100%);
}

.textQuote p:after {
	content: 					'\201D';
	position:					absolute;
	bottom: 					-1.25rem;
	right: 						0;
	font: 						5em serif;
	color: 						var(--primary-tint-50);
	transform: 				translateX(100%);
}

/* @end */


/* @group Buttons Element */

button {
	position: 					relative;
	appearance: 				none;
	cursor: 					pointer;
	display: 					inline-flex;
	border: 					none;
	font-size: 				inherit;
	text-align: 				center;
	padding: 					0.5rem 3rem 0.5rem 0.5rem;
/*	color: 						var(--link-color);
	background-color: 		var(--primary-light);
	transition: 				var(--transition-in-out-025);
	color: 						var(--reverse-color);
	background: 				var(--alert-background-color);
	transition: 				var(--transition-in-out-025);*/
}

button:hover, button:focus {
	background-color: 		var(--link-tint);
/*	background-color: 		transparent;*/
}

button:focus {
	outline: 					1px solid silver;
	outline-offset: 			-4px;
}

button.sD {
	color: 						var(--link-color);
	background-color: 		var(--primary-light);
	transition: 				var(--transition-in-out-025);
	color: 						var(--reverse-color);
	background: 				var(--alert-background-color);
	transition: 				var(--transition-in-out-025);
}

.sD:after {
	position: 					absolute;
	top: 						50%;
	right: 						0.25rem;
	bottom: 					auto;
	content: 					'';
	display:					block;
	background: 				url(../icons-svg/arrow_03-next.svg) no-repeat center center;
	opacity: 					0.5;
	height: 					1.25rem;
	width: 					1.25rem;
	transform: 				translateY(-50%);
	transition-property: 	transform;
	transition-duration: 	0.2s;
}

.sD:hover {
	background-color: 		var(--alert-color);
}

.sD:hover:after {
	opacity: 					1;
	transform: 				translateY(-50%) rotate(90deg);
}

button.sA {
	color: 						var(--link-color);
	background-color: 		var(--alert-background-color);
	transition: 				var(--transition-in-out-025);
	border-radius: 			0.3em;
}

.sA:after {
	position: 					absolute;
	top: 						50%;
	right: 						0.2rem;
	bottom: 					auto;
	content: 					'';
	display: 					block;
	background: 				url(../icons-svg/arrow_06-next_w.svg) no-repeat center center;
	opacity: 					0.5;
	height: 					1.5rem;
	width: 					1.5rem;
	background-size: 		1.5rem 1.5rem;
	transform: 				translateY(-50%);
	transition-property: 	transform;
	transition-duration: 	0.2s;
}

.sA:hover:after {
	opacity: 					1;
	transform: 				translateX(-20%) translateY(-50%);
}

/* @end */


/* @group Buttons Class */

.button {
	appearance: 				none;
	padding: 					0.5em 0.755em;
	transition: 				var(--transition-in-025);
	min-width: 				12ch;
	max-width: 				24ch;
	font-size: 				85%;
	letter-spacing: 			0.05em;
	display: 					inline-block;

}

a.button {
	margin-block-start: 		var(--size-s);
}

p .button {
	margin-block-start: 		var(--size-m);
}

.button.auto {
	width: 					auto;
}

.button.wide {
	min-width: 				calc(40% + 1em);
	min-width: 				fit-content;
}

.button:hover {
	cursor: 					pointer;
	color:  					white;
	background-color: 		var(--hover-background-color);
}

.button.borderAW:hover {
	background-color: 		white;
}

.button.borderAP:hover {
	color: white;
	background-color: 		var(--primary-color);
}

.button.borderAS:hover {
	color: white;
	background-color: 		var(--secondary-color);
}

.button.borderAC:hover {
	background-color: 		var(--complementary-color);
}

.button.borderAHL:hover {
	background-color: 		var(--highlight-color);
}

.button .arrow a {
	font-family: 				sans-serif;
}

.button.transform:hover {
	transform: 				translateY(-2px);
	box-shadow: 				var(--box-shadow-color) 0 0.25em 0.25em;
}

.button.swipe:hover {
	color: 						var(--reverse-color);
	box-shadow: 				inset 15em 0 var(--hover-color);
}

.button.inLine {
	min-width: 				0;
}

.button.inLine.arrow {
	min-width: 				0;
}

.button.arrow {
	min-width: 				calc(20% + 1em);
}

.button.arrow:after {
	font-family: 				sans-serif;
	content: 					'\279D';
	margin-left: 				0.2em;
}

.button.arrow.rollover {
	min-width: 				calc(20% + 2.5em);
}

.button.arrow.rollover:after {
	margin-left: 				-1em;
	opacity: 					0;
	transition: 				var(--transition-in-025);
}				

.button.arrow.rollover:hover:after {
	opacity: 					1;
	margin-left: 				0.25em;						
}

.button.radius {
	border-radius: 			0.5em;
}

/* @end */

	
/* @group Columns */	    

.columnsFlex {
	display: 					flex;
	flex-direction: 			column;
} 

.columnsF {
	width: 					100%;
}

@media (min-width: 48em) {
 	.columnsFlex {
        display: 				flex;
		flex-direction: 		row;
        justify-content: 		space-between;
    } 
    
    .columnsF {
        width: 				calc(50% - 1em);
    }
}

.columnsGrid {
	display: 					grid;
	grid-template-columns: 	1fr;
} 

.columnsG {
    width: 					100%;
}

.columnsG p {
	margin-block-end: 		var(--flow-space-small);
}

@media (min-width: 48em) {
	.columnsGrid {
		grid-template-columns: 1fr 1fr;
		column-gap: 			1.5rem;
	} 
}	

.columns {
	column-rule: 				thin solid var(--secondary-color);
}

.columns p {
	line-height: 				calc(0.5rem + 1em + 0.25rem);
}

.colSpan  {
	column-span: 				all;
	break-after: 				avoid-column;
	break-after: 				column;
	margin-block-start: 		var(--flow-space-small);
	margin-block-end: 		var(--flow-space-small);
}

.columns hr {
	column-span: 				all;
}

@media (min-width: 48em) {
	.columns {
		column-width: 		12em;
		column-count: 		2;
		column-gap: 			2.5em;
	}
	
	.columns.cCF {
		column-width: 		auto;
		column-count: 		2;
		column-gap: 			2em;
	}
	
	.colSpan {
		display: 				block;
	}
	
	.columns h2, .columns h3 {
		break-inside: 		avoid-column;
		break-inside: 		avoid;
		margin-block-start: 	0;
	}
	
	.columns h1 + h2, .columns h2 + h3 {
		margin-block-start: 	0;
	}
	
	.columns h2:first-child, .columns h3:first-child {
		margin-block-start: 	0;
	}
	
	.columns h3 + p {
		text-indent: 			0;
	}
	
	.columns p + h3 {
		padding-top: 			var(--flow-space-small);
	}
	
	.columns p {
		break-inside: 		avoid-column;
		break-inside: 		avoid;
		margin-block-start: 	0;
	}
	
	.columns p:first-of-type {
		text-indent: 			0;
	}

	.columns p+p {
		margin-block-start: 	var(--flow-space-small);
	}
	
	.columns.indentP p+p {
		text-indent: 			2em;
		margin-block-start: 	0;
	}
}

@media (min-width: 82.5em) {
	.columns.cCF {
		column-count: 		3;
		column-gap: 			3em;
	}
}

/* @end */


/* @group Lists */

.mainWrapper ul, .mainWrapper ol, .mainWrapper dl {
	margin-block-start: 		var(--flow-space);
	margin-block-end: 		var(--flow-space);
}

.mainContent ul, .mainContent ol, .mainContent dl {
	margin-block-start: 		var(--flow-space);
	margin-block-end: 		var(--flow-space);
}

.mainWrapper li:not(.flowBlock li, .filterable li, .tabList li)  {
	padding-top: 				var(--flow-space-micro);
	padding-bottom: 			var(--flow-space-micro);
}

.emptyList {
/*	position: 					relative;*/
/*	left: 						1.5rem;*/
	list-style-type: 			circle;
}

.bulletList {
	position: 					relative;
	left: 						1.5rem;
	margin-right: 			2em;
}

.bulletList li {
	position: 					relative;
	margin-block-start: 		0;
	padding-inline-start: 	var(--flow-space-min);
}

.bulletList li:before {
	position: 					absolute;
	left: 						-1rem;
	content: 					'•';
	text-align: 				center;	
	font-weight: 				800;
	border-radius:			50%;
	color: 						var(--secondary-color);
}

.colList { 
	columns: 					15em; 
	page-break-inside: 		avoid;
	break-inside: 			avoid;
}

.colList li {
	padding-right: 			2em;
}

.mainList {
	position: 					relative;
	left: 						2rem;	
	font-size: 				85%;
	font-weight: 				700;
}

.mainList li:before {
	position: 					relative;
	left: 						-0.75rem;
	display: 					inline-block;
	margin-inline-start: 	-1.2rem;
	background-image: 		var(--icon-checkbox);
	background-position: 	center 0.175em;
	background-repeat: 		no-repeat;
	background-size: 		1.25rem auto;
	height: 					1.25rem;
	width: 					1.25rem;
	content: 					'';
}

.aList {
	position: 					relative;
}

.aList li {
	background: 				url(../icons-svg/arrow_01-next.svg) no-repeat left;
	background-size: 		0.75rem 0.75rem;
	padding-inline-start: 	1.5em;

}

.aList li.area {
	background: 				url(../icons-svg/arrow_06-next.svg) no-repeat left 0.75em;
	background-size: 		1rem 1rem;
	padding-inline-start: 	1.5em;
	
}

.pList {
	position: 					relative;
}

.pList li {
	counter-reset: 			list;
	position: 					relative;
	padding-inline-start: 	2.25em;
	counter-increment: 		section;
}

.pList li:before {
	position: 					absolute;
	left: 						0;
	content: 					counter(section);
	width: 					1.5em;
	height: 					1.5em;
	text-align: 				center;
	border-radius: 			50%;
	color: 						var(--secondary-color);
	background-color: 		var(--primary-tint-20);
}

.pList.tick li:before {
	position: 					absolute;
	left: 						0;
	display: 					inline-block;
	height: 					1.5rem;
	width: 					1.5rem;
	border-radius: 			0.25rem;
	background: 				var(--complementary-light);
	background-image: 		var(--icon-checkbox);
	background-position: 	center center;
	background-repeat: 		no-repeat;
	background-size: 		1.25rem auto;
	content: 					'';
}


/* /// List Ruled /// */

.listRuled li:not(:last-child) {
	border-top: 			0.1rem solid var(--border-color);
}

/* ///  List Striped /// */

.listStriped li:nth-child(odd) {
	background-color: 		var(--primary-tint-10);
}


/* ///  Group List  /// */

.groupList {
 	border: 					thin solid var(--border-color);
 	padding: 					var(--size-m);
 	border-radius: 			var(--border-radius);
 }

.groupList li {
	display: 					flex;
/*	flex-direction: 			row-reverse;*/
	justify-content: 			space-between;
	align-items: 				center;
	border-top: 				thin solid var(--border-color);
	padding: 					var(--flow-space-min);
}

.groupList li:first-child {
	border-top: 				0;
}

.groupList .badge {
	background-color: 		var(--alert-color);
	color: 						var(--reverse-color);
	font-weight: 				700;
	font-size: 				0.85em;
	border-radius: 			5em;
	min-width: 				3em;
	text-align:				center;
}


/* /// Ordered Lists /// */

ol[type] a {}

ol li {
	list-style-position: 	outside;
	list-style-type: 			decimal-leading-zero;
	margin-left: 				2em;
}

ol.zeroList {
	margin-left: 				1.5em;
}

ol.zeroList li {
	list-style-position: 	outside;
	font-family: 				serif;
	font-weight: 				700;
	color: 						var(--highlight-color);
}

ol.zeroList p {
	font-family: 				sans-serif;
	margin: 					0;
}

ol.numberList li {
	list-style-type: 			none;
	color: 						var(--highlight-color);
	font-weight: 				200;
}

ol.numberList li span {
	position: 					absolute;
	font-size: 				3em;
	line-height: 				0.875;
}

ol.numberList li p {
	padding-inline-start: 	4em;
	margin-block-start: 		0;
	margin-block-end: 		var(--flow-space-min);
}


/* /// Site Map Indented List /// */

ul.siteMap {
	counter-reset: 			list;
}

.siteMap li {
	position: 					relative;
	counter-increment: 		ulcounter;
	margin: 					1em;
	padding-left: 			2.75rem;
}

.siteMap li:before {
	position: 					absolute;
	top: 						0.75em;
	left: 						0;
	transform: 				translateY(-50%);
	content: 					counter(ulcounter);
	width: 					2rem;
	height: 					2rem;
	border-radius: 			50%;
	line-height: 				var(--text-lhm);
	color: 						var(--reverse-color);
	background-color: 		var(--primary-mid);
	text-align: 				center;
}

.siteMap ul li:before {
	color: 						var(--text-color);
	background-color: 		var(--primary-tint-40);
}

.siteMap ul ul li:before {
	color: 						var(--text-color);
	background-color: 		var(--primary-tint-20);
}


/* /// Inline List /// */

.inLineList li {
	display: 					inline;
}

.inLineList li:not(:last-child):after {
	content: 					" • ";
}


/* /// Definition Lists /// */

dl {
	color: inherit;	
	padding-top: 				var(--flow-space);
}

dt {
	padding-top: 				var(--flow-space-min);
	font-weight: 				500;
	background-color: 		var(--secondary-tint);
}

dd {
	font-weight: 				300;
	padding-left: 			2rem;
	padding-top: 				var(--flow-space-min);
	padding-bottom: 			var(--flow-space-small);
/*	background-color: 		var(--secondary-tint);*/
}

.listRuled dt, .listRuled dd {
	border-top: 				0.15rem solid var(--border-color);
/*	padding-bottom: 			0.5em;*/
}

.listRuled dt:first-child {
	border-top: 				0.15rem solid var(--border-color);
}

dl.gridColList {
	display: 					grid;
	grid-template-columns: 	auto 1fr;
}

dl.gridColList > *  {
	padding: 					var(--size-s);
}

dd.gridColList {
	display: 					flex;
	align-items: 				center;
}

dl.gridMMList {
	display: 					grid;
	grid-template-columns: 	repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
}

dl.gridMMList > div {
	padding: 					0.5em;
	border:  					thin solid var(--border-color);
}

dl.gridMMList > div:nth-child(4n-2) {
	background: 				lavenderblush;
}

dl.gridMMList > div:nth-child(4n-1) {
	background: 				azure;
}

dl.gridMMList > div:nth-child(4n) {
	background: 				lavender;
}

/* /// Grid 2 Column List /// */

.gridList dt {
	border-top-style: 		solid;
	border-top-width: 		0.2rem;
	border-top-color: 		var(--secondary-color);
}

@media (min-width: 40em) {
	.gridList {
		display: 				grid;
		grid-template-columns: 0.5fr 1fr;
		grid-template-rows: auto;
	}
	
	.gridList dt {
		grid-column-start: 	1;	
		padding: 				var(--flow-space-min);
	}
	
	.gridList dd {
		grid-column-start: 	2;
		font-weight: 			300;
		padding: 				var(--flow-space-min);

	}
	
	.gridList dt + dd {
		border-top-style: 	solid;
		border-top-width: 	thin;
		border-top-color: 	var(--secondary-color);
	}
}

/* @end */


/* @group Tabs Accordion •••• */

.tabAccordion  {
	display: 					flex;
	flex-wrap: 				wrap;
}

.tabAccordion .radiotab {
	position:					absolute;
	opacity: 					0;
}

.tabAccordion .label {
	cursor: 					pointer;
	/* for tabs to fill width */
	width: 					100%;
	color:  					white;
	padding: 					var(--size-m);
	background-color: 		var(--link-background-color);
	transition: 				var(--transition-in-out-025);
	margin-block-start: 		0.1em;
}

.tabAccordion .label:hover {
	color: 						var(--reverse-color);
	background-color: 		var(--primary-color);
}

.tabAccordion .radiotab:checked + .label {
	color: 						var(--link-color);
	background-color: 		white;
	filter: 					brightness(100%);
}

.tabAccordion .panel {
	display: 					none;
	background-color: 		white;
}

.tabAccordion .radiotab:checked + .label + .panel {
	display: 					inline-block;
}

@media (min-width: 40em) {
	.tabAccordion .label {
		width: 				33.33%;
		border-radius: 		0.75em 0.75em 0 0;
		margin-block-start: 0;
	}
	
	.tabAccordion .panel {
		order:					992;
	}
}

/* @end */


/* @group Tabs Targetable •••• */

.tabList {
	display: 					flex;	
	flex-direction: 			row;
	/* flex-direction column for full-width */
	overflow: 					hidden;
	justify-content: 			flex-start;
	gap: 						var(--gap-small);
}

.tabNumbered.tabList {
	display: 					flex;	
	flex-direction: 			column;
	margin-block-end: 		var(--size-xs);
}

.tabList *  {
/* flex 1 for tabs to fill width */
	flex: 1;
}

.tabNumbered.tabList *  {
/* tabs to normal width */
	flex: 0 auto;
	min-width: 5rem;
}

.tabList a {
	display: 					flex;
	flex-direction: 			column;
	padding: 					var(--size-s) var(--size-xs);
	color: 						white;
	background-color: 		var(--primary-tint-50);
	border-top-style: 		solid;
	border-top-width: 		0.15em;
	border-top-color: 		var(--primary-color);
}

.tabList a.selected, .tabList a[aria-selected='true'] {
	color: 						var(--link-color);
	background: 				white;
	border-top-style: 		solid;
	border-top-width: 		0.15em;
	border-top-color: 		var(--link-color);
}

.tabNumbered.tabList a {
	padding: 					var(--size-xs);
	background-color: 		transparent;
	border-style: 				solid;
	border-width: 			0.15em;
	border-color: 				var(--link-color);
}

.tabNumbered.tabList a.selected, .tabNumbered.tabList a[aria-selected='true'] {
	background: 				transparent;
	border-color: 				var(--secondary-color);
	color: 						var(--text-dark);
}

.tabList a:hover {
	color: 						var(--text-dark);
	background-color: 		var(--hover-background-color);
}

.tabNumbered.tabList a:hover {
	background-color: 		transparent;
	border-color: 				var(--hover-color);
}

.tabNumbered.tabList a .classNumeral {
	display: 					block;
	font-size: 				2.25em;
	line-height: 				var(--text-lhmin);
}

.tabPanel {
	background-color: 		white;
	padding: 					var(--variable-v);
}

.tabNumbered .tabPanel {
	margin-block-start: 		0;
	border: 					none;
	border-radius: 			0;
	padding: 					var(--variable-v);
}

@media (min-width: 40em) {
	.tabList {
		flex-direction: 		row;	
		flex: auto;
	}
	
	.tabNumbered.tabList {
		flex-direction: 		row;
		justify-content: 		flex-end;
	}

	.tabList a {
		padding: 					var(--size-m);	
	}
		
	.tabNumbered.tabList a {
		padding: 					var(--size-m);
	}
	
	.tabNumbered.tabList a .classNumeral {
		display: 				block;
		font-size: 			3.25em;
	}
}

/* @end */



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  P a n e l s  +  */
/* ...............................................................................*/





/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  L a y o u t  H e l p e r s */
/* ...............................................................................*/


/* @group Full Bleed */

.fullBleed {
	width: 					100vw;
	margin-left: 				calc(50% - 50vw);
	margin-block-start: 		var(--flow-space-min, 1em);
	margin-block-end: 		var(--flow-space-min, 1em);
}

.fullBleed div  {
/*	margin-block-start: 		var(--flow-space-min, 1em);
	margin-block-end: 		var(--flow-space-min, 1em);*/
}

.fullBleed > img {
	margin-inline: 			auto;
/*	margin-block-start: 		var(--variable-v); 
	margin-block-end: 		var(--variable-v);*/
	max-width: 				100%;
	
}

@media (min-width: 64.25em) {
	.fullBleed.wrapperMax > * {
		margin-inline: 		auto;
		max-width: 			clamp(50rem, 81.275%, 1580px);
	}
}

@media  (min-width: 120em) {
	.fullBleed.wrapperMax .wrapper {
		height: 				fit-content;
		max-height: 			calc(40em + 25vh);
	}	
}

/* @end */



/* @group Display Only > Width */

.d40, .d48, .d64, .d82 {
	display: 					none;
}

@media (min-width:40em) {
	.d40 {
		display: 				block;
	}
}

@media (min-width:48em) {
	.d48 {
		display: 				inline-block;
	}
}

@media (min-width:64.25em) {
	.d64 {
		display: 				inline-block;
	}
}

@media (min-width:82.5em) {
	.d82 {
		display: 				inline-block;
	}
}

.dx40, .dx48, .dx64, .dx82 {
	display: 					inline-block;
}

@media (min-width:64.25em) {
	.dx64 {
		display: 				none;
	}
}

/* @end */


/* @group Pull Panels*/

.pullLeft {
/*  width: 					125%; */
 /* margin-block-end: 		2.5em; */
	margin-left: 				clamp(-20vw, -50%, -20em);

}

.pullRight {
/*   width: 					75%; */
  /* margin-block-end: 		2.5em; */
	 margin-right: 			clamp(-20vw, -50%, -20em);
}
  
/* @end */


/* @group Flex Data Reverse */

.revOC[data-state='reversed'] {
	display: flex;
	flex-direction: column-reverse;
}

.revOR[data-state='reversed'] {
	display: flex;
	flex-direction: row-reverse;
}

.revOR div {
	max-width: 50%;
}

.revContent[data-state='reversed'] {
	display: flex;
	flex-direction: row-reverse;
}

/* @end */



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  E x t r a s  */
/* ...............................................................................*/




/* @group Social Media */

.socialMedia {
	display: 					flex;
	align-items: 				center;
	margin-block-start: 		0;
}

.socialMedia li:not(:first-child, .flexAuto li) {
	transition: 				var(--transition-in-out-025);
	border-left: 				thin solid var(--primary-mid);
}

.socialMedia li a {
	opacity: 					1;
	display: 					block;
	cursor: 					pointer;
	padding: 					0 var(--size-m); 
	margin-block-start: 		0;
}

.socialMedia li a:hover {
	opacity: 					0.5;

}

.socialMedia.flexAuto li a {
	padding: 					0; 
}

.socialMedia img {
	min-width: 				2em;
	width: 					2.25em;
	height: 					2.25em;
}

.socialMedia li a img {
	margin-block-start: 		0;
}

/* @end */





/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/

/*  >>  O N E  O F  A  K I N D  */

/* ...............................................................................*/



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  S i t e  S p e c i f i c */
/* ...............................................................................*/

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



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  F O O T E R S  */
/* ...............................................................................*/


/* @group Footer */

footer {
	font-size: 				0.925rem;
	margin-block-end: 		var(--flow-space);
}

footer:nth-of-type(even) {
/*	background-color: 		var(--secondary-tint);*/
}


footer * {
		margin-block-start: 		0;
}

footer .flexContainer .siteBuild  p {
	margin-block-start: 		0;
}

footer .flexContainer {
	display: 					flex;
	flex-wrap:					wrap;
/*	padding: 					var(--flow-space-min) 0;*/
}

footer .flexContainer div:nth-child(1n) {
	margin-block-start: 		0;
	margin-block-end: 		0;
}

footer .flexContainer a {
	max-width: 				10em;
}

footer .siteInfo {
	margin-block-start: 		var(--flow-space-min);
}

footer .flexContainer img[src*="png"] {
	max-width: 				var(--size-xl);
	object-fit: 				contain;
}

footer .flexContainer img[src*="svg"] {
	max-width: 				var(--size-l);
}

footer .logo img[src*="svg"] {
	min-width: 				var(--size-xl);
	max-width: 				var(--size-xxl);
}

/*.footerLogo img[src*="png"] {
	max-width: 				var(--size-l);
}*/

footer .iconBox img {
	max-width: 				2em;
	margin: 					var(--size-m) 0;
}

@media (min-width: 48em) {

	footer .flexContainer {
		flex-wrap: 			nowrap;
		justify-content: 		space-between; 
	}

	footer .infoPanel {
		max-width: 			50%;
		margin-block-start: 	0;
		border-left: 			thin solid var(--border-color);
	}

	footer .iconBox img {
		opacity: 				0.5;
		max-width: 			28px;
		max-height: 			28px;
		align-items: 			center;
		margin: 				var(--flow-space-min) 0;
	}
}

.siteGC {
	justify-content: 			space-between;
	max-width: 				50%;
}

.siteGC .button:first-of-type {
	margin-block-end: 		1em;
	margin-right: 			2em;
}

.siteBuild {}

.siteDesign {
	display: 					flex;
	justify-content: 			flex-end;
	background: 				url(../miles-a/mac-credit-p.svg);
	background-position: 	right center;
	background-repeat: 		no-repeat;
	background-size: 		auto;
}

.siteDesign p {
	font-weight: 				400;
	font-size: 				0.925em;
	color: 						var(--link-color);
	padding-top:				0.35rem;
	padding-right:			4.5rem;
	margin-block-start: 		0;
}

.siteDesign p:hover {
	color: 						var(--hover-color);
}

.siteDesign p:before {
	content: 					"design by";
}

@media (min-width: 30em) {
	.siteDesign p:before {
		content: 				"website designed by";
	}
}

@media (min-width: 48em) {

	.siteDesign p:before {
		content: 				"Website designed in Scotland by ";
	}
}

/* @end */






/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  P r i n t  */
/* ...............................................................................*/


@media print { 
    
  *{background:transparent;color:black;text-shadow:none;box-shadow:none;opacity:1;-ms-filter:none;filter:none}nav,footer{display:none}.logotype img{position:static}h1,h2,h3,h4,h5,h6{page-break-after:avoid;orphans:3;widows:3}ul,ol{list-style:disc inside;padding:0 1em}blockquote{border-top:1px solid silver;page-break-inside:avoid}img{page-break-inside:avoid;max-width:100%}tr{page-break-inside:avoid}a[href]:after{content:" (" attr(href) ")"}    
}
/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  R O C K  B O T T O M  * /
/* ...............................................................................*/


/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  J Q u e r y */
/* ...............................................................................*/
/* @group Filter List  */

#filter {
	border: 					thin dotted var(--border-color);
	width: 					100%;
}

.filterable li {
	padding: 					0;
	border-bottom: 			thin solid var(--border-color);
	line-height: 				var(--text-lhm);
}

.filterable li a {
	font-weight: 				350;
}

.filterable .highlight {
	color: 						var(--highlight-color);
	font-weight: 				bold;
}

.filterable li h3 {
	font-weight: 				500;
}

.filterable .smallCaps {
	margin-block-start: 		1.5em;
	font-weight: 				700;
}

/* @end */



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  F e a t u r e  S u p p o r t * /
/* ...............................................................................*/
		
		
/* @group IE Blocker */

.alert { 
	display: 					none;
}	
	     
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
	header, nav, .wrapper, .mainWrapper { 
		/*display: 			none;*/
		opacity: 				0.2;
	}
	
	.alert { 
		display: 				block;
		height: 				90vh;
		z-index:				100;
		font-size: 			21px;
		padding: 				5em;
	}
	
	.alert:before {
		content: "Your web browser is considerably out of date and is not compatible with this website. Internet Explorer 11 is officially ‘end of life’ and out of support as of June 2022. Please upgrade to Microsoft’s Edge, or use an alternative modern browser such as Chrome or FireFox.";	
	}
	
	.bgAlert {
	    background-color: 	gold;
	}

}

/* @end */


/* @group IE11 Fallbacks */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
	div {
		display: 				flex;
		flex-direction: 		column;
		justify-content: 		space-between;
		/*border: 				1px solid orangered;*/
		padding: 				5px;
	}
	
	grid
	.element {
		opacity: 				1;	
	}
	
	.element.is-visible {
		opacity: 				1;
	}
	
	.element-up, .element-opacity, .element-opacityIn, .element-opacityUp, .element-blur, .element-grayscale, .element-saturate, .element-brightness, .element-opacity, .element-contrast, .element-sepia {
		opacity: 				1;
	}
	
	.flexWrap .displayCard a:not(.button):hover {}
	
	div > .displayCard:hover {
	    background-color: 	whitesmoke;
	}
}

.perfHeader {
		position: 				fixed;
		top: 					0;
		z-index: 				100;
	}

@supports (position:sticky) or (position:-webkit-sticky) {
	.perfHeader {
		position: 				-webkit-sticky;
		position: 				sticky;
		top: 					0;
		z-index: 				100;
		transform: 			translateY(0);
		transition: 			transform 0.5s ease-out;
	}
	
	.perfHeader-hidden {
		transform: 			translateY(-100%);
	}
}

.slideUpMain.baseImage {
		position:				absolute;
		position: 				fixed;
		top: 					0;
		left: 					0;
		right: 					0;
		bottom: 				0;
	}

@supports (position:sticky) or (position:-webkit-sticky) {
	.slideUpMain.baseImage {
		position:				absolute;
		z-index: 				1;
		position: 				-webkit-sticky;
		position: 				sticky;
		top: 					0;
		left: 					0;
		right: 					0;
		bottom: 				0;
	}

	.slideUpMain.baseImage {
		transform: 			translateY(0);
	}
}

/* @end */




/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >> J u s t  T e s t i n g  */
/* ...............................................................................*/

/* @group What Seems To Be The Problem? */

/*.mainWrapper.flowSA * + * + div   {
	border:  					thin dotted aqua;
}

.flowSA > div {
	border: 					2px dotted navy;
}

.flowSA * + * > *  {
	border: 					2px dotted orange;
}

.flowSA *.flowZ *  {
	color: 						purple;
}

:before, *:after {
	outline: 					1px dotted red;
}

img:not([alt]), img[alt=""] {
 outline: 						3px dotted cyan;
}

@media (min-width: 40em) and (orientation: portrait) {
   body {
        border: 				5px dotted fuchsia;
	}
}

@media (min-width: 48em) and (orientation: landscape) {
   body {
        border: 				5px dotted tan;
   }
}*/

/* @end */



/* ––––––––––––––––––––––––––––––––––––––––––––––-–––*/
/*  >>  L e g a c y  */
/* ...............................................................................*/


/* @group pTop */

.pTop {
	position: 					relative;
	top: 						3rem;
}

@media  (min-width: 48em) {
	.pTop {
		top: 					3.75rem;
	}
}

@media  (min-width: 82.5em) {
	.pTop {
		top: 					4.25rem;
	}
}

/* @end */

.clearfix:after {
	content: 					"";
	display: 					table;
	clear: 						both;
}

/* ...............................................................................*/

/* >>  E X T R A S  C O N F I G U R E  E N D */

/* ...............................................................................*/