* {
	
	font-family:source-sans-pro, sans-serif;
	
}

section {
	
	margin: 0.5em;
	padding: 1em;
	
}

/* Clamp */
.ST-clamp-default {
	
	width: clamp(25vw, 75vw, 95vw);
	
}

/* Layout */
.ST-grid {
	
	display: grid;
	gap: 1em;
	justify-items: center;
	grid-template-columns: repeat( auto-fit, minmax(var(--elementWidth), auto) );
	
}

.ST-grid-priority {
	
	display: grid;
	gap: 1em;
	grid-template-columns: repeat( auto-fit, minmax(var(--elementWidth), auto) );
	grid-column: 1/-1;
	
}

.ST-align-center {
	
	align-items: center;
	
}

/* Images */
.ST-image-xem {
	
	width: var(--elementWidth);
	height: var(--elementWidth);
	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
}

.ST-image-5em {
	
	width: 5em;
	height: 5em;
	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
}

.ST-image-10em {

	width: 10em;
	height: 10em;
	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
}

/* Margin */
.ST-margin-auto {
	
	margin: auto;
	
}

.ST-margin-1em {
	
	margin: 1em;
	
}

.ST-center {
	
	align-self: center;
	
}

.ST-background-honeydew {
	
	background-color: honeydew;
	
}

.ST-background-ivory {
	
	background-color: ivory;
	
}

.ST-background-lavender {
	
	background-color: lavender;
	
}

.ST-background-lavenderblush {
	
	background-color: lavenderblush;
	
}

.ST-background-lightblue {
	
	background-color: lightblue;
	
}

.ST-background-lightgray {
	
	background-color: lightgray;
	
}

.ST-background-linen {
	
	background-color: linen;
	
}

.ST-background-palegoldenrod {
	
	background-color: palegoldenrod;
	
}

.ST-background-royalblue {
	
	background-color: royalblue;
	
}

.ST-background-thistle {
	
	background-color: thistle;
	
}

.ST-card {
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	margin: 10px;
	padding: 10px;
	
	box-shadow: 0 0 5px #ccc;
	
	overflow: auto;
	
}

.ST-card:hover {
	
	box-shadow: inset 0 0 5px #000000;
	
}

.ST-card > a > img {
	
	max-width: 100%;
	
	padding: 10px;
	
}

.ST-card-30p {
	
	max-width: 30%;
	
}

.ST-container-bubble {
	
	margin: 1em;
	padding: 2em;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	
}

.ST-container-centered {
	
	display: flex;
	flex-direction: column;
	
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

.ST-container-glass {
	
	padding: 2vw;
	border-radius: 10px;
	
	background-color: rgba(211, 211, 211, 0.2);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	
}

.ST-container-jumbotron {
	
	display: flex;
	flex-direction: column;
	
	justify-content: center;
	align-items: center;
	
}

.ST-container-row {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
}

.ST-context {
	
	--contextFloat: calc(var(--contextSize) * 1.732 + 4 * var(--contextMargin) - 1px); 
	--contextMargin: 2px;
	--contextSize: 100px;
	
}

.ST-context > ul {
	
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	
	display: none;
	
	width: 100%;
	height: 100vh;
	
	list-style-type: none;
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
	
}

.ST-context > ul > li {
	
	display: inline-block;
	
	width: var(--contextSize);
	height: var(--contextSize);
	
	margin: var(--contextMargin);
	padding: 10px;
	
	background-color: #3cbbb1;
	box-shadow: 0 0 5px #c4cbca;
	clip-path: polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0);
	
	margin-bottom: calc(var(--contextMargin) - var(--contextSize) * 0.2885);
	
}

.ST-context > ul > li:before {
	
	content: "";
	width: calc(var(--contextSize) / 2 + var(--contextMargin));
	float: left;
	height: 120%; 
	shape-outside: repeating-linear-gradient(#0000 0 calc(var(--contextFloat) - 3px), #000 0 var(--contextFloat));
	
}

.ST-headline {
	
	display: flex;
	flex-direction: row;
	align-items: center;
	
	padding: 1em;
	
	color: var(--primaryTwo);
	
	font-weight: bold;
	
}

.ST-image-fullsize {
	
	max-width: 100%;
	
}

.ST-margin-none {
	
	margin: 0px;
	
}

.ST-padding-none {
	
	padding: 0px;
	
}

.ST-padding-10 {
	
	padding: 10px;
	
}

.ST-padding-20 {
	
	padding: 20px;
	
}

.ST-round {
	
	border-radius: 50%;
	
}

.ST-text-antialias {
	
	text-shadow: rgba(0,0,0,1) 0 0 4px;
	
}

.ST-text-bold {
	
	font-weight: bold;
	
}

.ST-text-sidebar > * {
	
	color: #000000;
	font-family: source-sans-pro, sans-serif;
	font-weight: 200;
	font-size: 1rem;
	white-space: inherit;
	text-align: justify;
	
}

.ST-text-standard {
	
	text-align: left;
	font-family: source-sans-pro, sans-serif;
	font-size: 16pt;
	
}

/* Dropdown Navigation */
nav.ST-Dropdown-Navigation {
	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	
	max-height: 0px;
	
	z-index: 10000;
	overflow: auto;
	
	box-shadow: 0 0px 2px #FFBF00;
	transition: max-height 0.5s linear;
	
}

nav.ST-Dropdown-Navigation a {
	
	display: block;
	
	width: 100%;
	
	padding: 1em;
	
	color: var(--textLight);
	
	font-weight: bold;
	text-decoration: none;
	
}

nav.ST-Dropdown-Navigation > .dropdown {
	
	position: relative;
	
	width: 100%;
	
}

nav.ST-Dropdown-Navigation > .dropdown > a:after {
	
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: ' \f0d7';
	
}

nav.ST-Dropdown-Navigation > .dropdown > .dropdown-content {
	
	position: relative;
	width: 100%;
	
	max-height: 0px;
	
	text-align: left;
	
	overflow: auto;
	
	transition: max-height 0.5s linear;
	
}

nav.ST-Dropdown-Navigation > .dropdown > .dropdown-content > a {
	
	display: block;
	color: var(--textDark);
	background-color: var(--primaryTwo);
	
}

nav.ST-Dropdown-Navigation > .dropdown.active {
	
	background-color: var(--accentOne);
	
}

nav.ST-Dropdown-Navigation > .dropdown.active > a {
	
	color: var(--textLight);
	border-bottom: 1px dashed var(--textLight);
	
}

nav.ST-Dropdown-Navigation > .dropdown.active > a:after {
	
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: " \f0d8 ";
	
}

nav.ST-Dropdown-Navigation > .dropdown.active > .dropdown-content {
	
	max-height: 100vh;
	
}

/* Grid Form */
.ST-form-grid {
	
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
	
	margin: auto;
	padding: 1em;
	text-align: center;
	
	color: var(--textLight);
	background-color: var(--primaryOne);
	
}

.ST-form-grid > textarea {
	
	grid-column: span 2;
	
}

.ST-form-grid > label {
	
	font-weight: bold;
	
}

.ST-form-grid > input[type=submit] {
	
	grid-column: span 2;
	
	padding: 0.5em;
	
	color: var(--textDark);
	background-color: var(--primaryTwo);
	
	font-weight: bolder;
	
}

/* Datatable */
.ST-datatable-wrapper {
	
	padding: 0.1em;
	
}

.ST-datatable-wrapper tr:nth-child(odd) {

	color: var(--textLight);
	background-color: var(--primaryOne);
	
}

.ST-datatable-wrapper tr:nth-child(even) {

	color: var(--textDark);
	background-color: var(--primaryTwo);
	
}

@media (min-width: 768px) {
	
	nav.ST-Dropdown-Navigation > .dropdown-content {
		
		position: absolute;
		
	}

}