/********************************************************/
/*
/*      Utility CSS
/*
/********************************************************/
/******************************/
/* Modifier classes
/******************************/
/* Layout */
.flex {
														display: flex;
	&.direction-row										{ flex-direction: row; }
	&.direction-row-reverse								{ flex-direction: row-reverse; }
	&.direction-column									{ flex-direction: column; }
	&.direction-column-reverse							{ flex-direction: column-reverse; }
	&.wrap												{ flex-wrap: wrap !important; }
}
.justify-content {
	&.start												{ justify-content: start; }
	&.center											{ justify-content: center; }
	&.end												{ justify-content: end; }
	&.around											{ justify-content: space-around; }
	&.between											{ justify-content: space-between; }
	&.evenly											{ justify-content: space-evenly; }
	&.stretch											{ justify-content: stretch; }
}
.justify-self {
	&.start												{ justify-self: start; }
	&.center											{ justify-self: center; }
	&.end												{ justify-self: end; }
	&.stretch											{ justify-self: stretch; }
}
.align-items {
	&.start												{ align-items: start; }
	&.baseline											{ align-items: baseline; }
	&.center											{ align-items: center; }
	&.end												{ align-items: end; }
	&.stretch											{ align-items: stretch; }
}
.align-self {
	&.start												{ align-self: start; }
	&.baseline											{ align-self: baseline; }
	&.center											{ align-self: center; }
	&.end												{ align-self: end; }
	&.stretch											{ align-self: stretch; }
}

/* Color */
.nebula-blue,
.focus-nebula-blue:is(:hover, :focus, :active),
.focus-nebula-blue:is(:hover, :focus, :active) > a		{ color: var(--wp--preset--color--nebula-blue); }
.prism-blue,
.focus-prism-blue:is(:hover, :focus, :active),
.focus-prism-blue:is(:hover, :focus, :active) > a		{ color: var(--wp--preset--color--prism-blue); }
.dark-buff-brown,
.focus-dark-buff-brown:is(:hover, :focus, :active),
.focus-dark-buff-brown:is(:hover, :focus, :active) > a	{ color: var(--wp--preset--color--dark-buff-brown); }
.cassius-beige,
.focus-cassius-beige:is(:hover, :focus, :active),
.focus-cassius-beige:is(:hover, :focus, :active) > a	{ color: var(--wp--preset--color--cassius-beige); }
.flour-beige,
.focus-flour-beige:is(:hover, :focus, :active),
.focus-flour-beige:is(:hover, :focus, :active) > a		{ color: var(--wp--preset--color--flour-beige); }
.dove-white,
.focus-dove-white:is(:hover, :focus, :active),
.focus-dove-white:is(:hover, :focus, :active) > a		{ color: var(--wp--preset--color--dove-white); }

.bg-nebula-blue 										{ background-color: var(--wp--preset--color--nebula-blue); }
.bg-prism-blue 											{ background-color: var(--wp--preset--color--prism-blue); }
.bg-dark-buff-brown 									{ background-color: var(--wp--preset--color--dark-buff-brown); }
.bg-cassius-beige 										{ background-color: var(--wp--preset--color--cassius-beige); }
.bg-flour-beige 										{ background-color: var(--wp--preset--color--flour-beige); }
.bg-dove-white 											{ background-color: var(--wp--preset--color--dove-white); }

/* Text */
.national-2												{ font-family: var(--wp--preset--font-family--national-2); }
.canela													{ font-family: var(--wp--preset--font-family--canela); }
.small													{ font-size: var(--wp--preset--font-size--small); }
.medium-size											{ font-size: var(--wp--preset--font-size--medium); }
.medium-large											{ font-size: var(--wp--preset--font-size--medium-large); }
.large													{ font-size: var(--wp--preset--font-size--large); }
.x-large												{ font-size: var(--wp--preset--font-size--x-large); }
.xx-large												{ font-size: var(--wp--preset--font-size--2-x-large); }
.thin													{ font-weight: 100; }
.extra-light											{ font-weight: 200; }
.light													{ font-weight: 300; }
.regular												{ font-weight: 400; }
.medium-weight											{ font-weight: 500; }
.semibold												{ font-weight: 600; }
.bold													{ font-weight: 700; }
.extra-bold												{ font-weight: 800; }
.heavy													{ font-weight: 900; }
.uppercase												{ text-transform: uppercase; }
.lowercase												{ text-transform: lowercase; }
.underline												{ text-decoration: underline; }
.text-deco-none,
.text-deco-none	a										{ text-decoration: none; }
.center													{ text-align: center; }

/* Images */
.cover,
.cover img												{ object-fit: cover; }
.contain,
.contain img											{ object-fit: contain; }

/* Opacity */
.opacity-full											{ opacity: 1; }
.opacity-half											{ opacity: .5; }
.opacity-zero											{ opacity: 0; }

/* Other */
.user-select-none										{ user-select: none; }

/******************************/
/* Theme variables
/******************************/
body {
	@media (width <= 1200px) {
		--wp--preset--spacing--8	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--8-5	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--9	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--9-5	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--10	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--10-5	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--11	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--11-5	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--12	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--12-5	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--13	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--13-5	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--14	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--14-5	: var(--wp--preset--spacing--7-5);
		--wp--preset--spacing--15	: var(--wp--preset--spacing--7-5);
		
		--wp--custom--header-height: 8.5rem;
	}
	
	@media (width <= 800px) {
		--wp--preset--spacing--5-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--6	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--7-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--8	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--8-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--9	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--9-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--10	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--10-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--11	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--11-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--12	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--12-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--13	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--13-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--14	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--14-5	: var(--wp--preset--spacing--5);
		--wp--preset--spacing--15	: var(--wp--preset--spacing--5);
		
		--wp--custom--header-height: 7rem;
		
		#wpadminbar { display: none !important; }
	}
	
	@media (width <= 600px) {
		--wp--preset--spacing--4-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--5-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--6	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--7-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--8	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--8-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--9	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--9-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--10	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--10-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--11	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--11-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--12	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--12-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--13	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--13-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--14	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--14-5	: var(--wp--preset--spacing--4);
		--wp--preset--spacing--15	: var(--wp--preset--spacing--4);
		
		--wp--custom--header-height: 10.75rem;
	}
	
	@media (width <= 520px) {
		--wp--custom--header-height: 9.875rem;
	}
	
	@media (width <= 420px) {
		--wp--custom--header-height: 8.75rem;
	}
	
	@media (width <= 350px) {
		--wp--custom--header-height: 8.25rem;
	}
}