/* @import url("https://stock.aztris.com/style/groyle/1_base.css"); */

/* Weblock CSS Reset */
body {
margin:0;
position:relative;
font-family:Calibri,sans-serif;
color:rgb(55,55,55);
}
/* Weblock CSS Reset */

/* Weblock Display Dimension Resolve */
@media (min-width: 2561px) {:root {--wb-size-ratio: 1.3;--wb-size-fallback: 95px;}}	/* Resolution - Projector/4K/3840px */
@media (max-width: 2560px) {:root {--wb-size-ratio: 1.2;--wb-size-fallback: 50px;}}	/* Resolution - TV */
@media (max-width: 1920px) {:root {--wb-size-ratio: 1.15;--wb-size-fallback: 25px;}}	/* Resolution - Desktop */
@media (max-width: 1440px) {:root {--wb-size-ratio: 1.1;--wb-size-fallback: 5px;}}	/* Resolution - Laptop */
@media (max-width: 1080px) {:root {--wb-size-ratio: 1.05;--wb-size-fallback: 1.375px;}}	/* Resolution - Tablet */
@media (max-width: 960px) {:root {--wb-size-ratio: 1;--wb-size-fallback: 0.75px;}}	/* Resolution - Phablet */
@media (max-width: 600px) {:root {--wb-size-ratio: 0.95;--wb-size-fallback: 0.5px;}}	/* Resolution - Phone */
@media (max-width: 375px) {:root {--wb-size-ratio: 0.75;--wb-size-fallback: 0.375px;}}	/* Resolution - Watch */
@media (max-width: 320px) {:root {--wb-size-ratio: 0.5;--wb-size-fallback: 0.25px;}}	/* Resolution - Tiny */
/* Weblock Display Dimension Resolve */

/* Weblock Project Changables */
:root {
	--wb-unit-h: calc((2.5vw + 1.25vh) / 3 * 2);
	--wb-unit-w: calc(max(calc((100vw - 700px) / 3.2),10px) * var(--wb-size-ratio));
	--wb-unit-f: calc(0.125vw + 14px);
	--wb-header-height: max(7vh, 60px);
	--wb-footer-height: max(9vh, 72px);
	--wb-main-height: calc(100vh - var(--wb-header-height) - var(--wb-footer-height));
	--wb-page-spacing: max(calc(var(--wb-unit-w) - var(--wb-unit-w) * (1 - 0.72)), calc(var(--wb-size-fallback) * 8));
	--wb-component-spacing: max(calc(var(--wb-unit-w) - var(--wb-unit-w) * (1 - 0.16)), calc(var(--wb-size-fallback) * 5));
	--wb-block-spacing: max(calc(var(--wb-unit-w) - var(--wb-unit-w) * (1 - 0.1)), calc(var(--wb-size-fallback) * 3));
	--wb-element-spacing: max(calc(var(--wb-unit-w) - var(--wb-unit-w) * (1 - 0.04)), calc(var(--wb-size-fallback) * 2));
	--wb-supergrid-columns-num: 40;
	--main-bg-color: rgb(240,240,240);
	--main-fg-color: rgb(190,190,190);
	--main-bg-gradient: linear-gradient(35deg, rgb(241,232,224) 15%, rgb(216,216,221) 85%);
	--main-fg-gradient: linear-gradient(35deg, rgb(245,237,229) 15%, rgb(220,221,227) 85%);
}
/* Weblock Project Changables */

/* Weblock Atom-Load Width Distribution Module */
body.wb_pad_a {--wb-pad-width: 17;--wb-width-name:atom;} /* A: Atom - 6 - smallest possible width */
body.wb_pad_b {--wb-pad-width: 16;--wb-width-name:bit;} /* B: Bit - 8 - slightly larger */
body.wb_pad_c {--wb-pad-width: 15;--wb-width-name:chip;} /* C: Chip - 10 - a bit larger */
body.wb_pad_d {--wb-pad-width: 14;--wb-width-name:dot;} /* D: Dot - 12 - small width */
body.wb_pad_e {--wb-pad-width: 12;--wb-width-name:echo;} /* E: Echo - 16 - slightly larger than small */
body.wb_pad_f {--wb-pad-width: 10;--wb-width-name:flake;} /* F: Flake - 20 - medium small width */
body.wb_pad_g {--wb-pad-width: 8;--wb-width-name:grain;} /* G: Grain - 24 - medium width */
body.wb_pad_h {--wb-pad-width: 6;--wb-width-name:heap;} /* H: Heap - 28 - slightly larger than medium */
body.wb_pad_i {--wb-pad-width: 4;--wb-width-name:inch;} /* I: Inch - 32 - large width */
body.wb_pad_j {--wb-pad-width: 2;--wb-width-name:jot;} /* J: Jot - 36 - slightly smaller than full width */
body.wb_pad_k {--wb-pad-width: 1;--wb-width-name:kilo;} /* K: Kilo - 38 - nearly full width */
body.wb_pad_l {--wb-pad-width: 0;--wb-width-name:load;} /* L: Load - 40 - full width */
/* Weblock Atom-Load Width Distribution Module */








/* @import url("https://stock.aztris.com/style/groyle/2_structure.css"); */

/* Weblock Layout Module body.wb_page .wb_component .wb_hull .wb_block element */
.wb_page {
	display:grid;
	grid-template-columns: [page-start load-start] 1fr [kilo-start] 1fr [jot-start] 1fr 1fr [inch-start] 1fr 1fr [heap-start] 1fr 1fr [grain-start] 1fr 1fr [flake-start] 1fr 1fr [echo-start] 1fr 1fr [dot-start] 1fr [chip-start] 1fr [bit-start] 1fr [atom-start] 1fr 1fr 1fr 1fr 1fr 1fr [atom-end] 1fr [bit-end] 1fr [chip-end] 1fr [dot-end] 1fr 1fr [echo-end] 1fr 1fr [flake-end] 1fr 1fr [grain-end] 1fr 1fr [heap-end] 1fr 1fr [inch-end] 1fr 1fr [jot-end] 1fr [kilo-end] 1fr [load-end page-end];
	font-size: var(--wb-unit-f);
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
	& :is(.wb_component, .wb_hull) {
		display:grid;
		grid-template-columns:subgrid;
		grid-auto-rows:min-content;
	}
	& .wb_block {
		display:grid;
	}
	& header .wb_navigation {
		display:grid;
		& a {
			grid-row:1;
			padding:var(--wb-unit-f);
		}
	}
	& main :is(.wb_block) {
		display:grid;
		grid-template-columns:subgrid;
		grid-auto-rows:min-content;
		& > * {
			grid-column: 1 / -1;
		}
	}
}
.wb_component {
	grid-column: page;
}
.wb_hull, .wb_block, :not(nav).wb_block > * {
	grid-column: var(--wb-width-name, load);
}
/* Weblock Layout Module body.wb_page .wb_component .wb_hull .wb_block element */

/* Weblock Offset-Inset Module */
.wb_hull, .wb_block {
	--wb-offset-q:0;
	--wb-inset-q:0;
	--wb-pad-L-side:calc(var(--wb-pad-width) + 1);
	--wb-pad-L-side-inter: 1;
	--wb-pad-R-side:calc(var(--wb-supergrid-columns-num) - var(--wb-pad-width) + 1);
	--wb-pad-R-side-inter:calc(var(--wb-supergrid-columns-num) - (var(--wb-pad-width) * 2) + 1);
}
.wb_hull{
	--wb-offset-start: calc(var(--wb-pad-L-side) - var(--wb-offset-q));
	--wb-offset-end: calc(var(--wb-pad-R-side) + var(--wb-offset-q));
	&:has([class*="wb_offset"]){grid-column: var(--wb-offset-start) / var(--wb-offset-end);}
	&:has(.wb_offset_minimal), & .wb_block {--wb-offset-q:1;}
	&:has(.wb_offset_moderate), & .wb_block {--wb-offset-q:3;}
	&:has(.wb_offset_maximal), & .wb_block {--wb-offset-q:6;}
	&:has(.wb_offset_full), & .wb_block {--wb-offset-q:var(--wb-pad-width);}
}
.wb_block[class*="wb_inset"] {
	--wb-inset-start: calc(var(--wb-pad-L-side-inter) + var(--wb-inset-q) + var(--wb-offset-q));
	--wb-inset-end: calc(var(--wb-pad-R-side-inter) - var(--wb-inset-q) + var(--wb-offset-q));

	grid-column: var(--wb-inset-start) / var(--wb-inset-end);
	&.wb_inset_minimal {--wb-inset-q:1;}
	&.wb_inset_moderate {--wb-inset-q:2;}
	&.wb_inset_deep {--wb-inset-q:3;}
	&.wb_inset_significant {--wb-inset-q:4;}
	&.wb_inset_extreme {--wb-inset-q:6;}
	.wb_pad_a &:is(.wb_inset_deep, .wb_inset_significant, .wb_inset_extreme) {--wb-inset-q:1;}
	.wb_pad_b &:is(.wb_inset_deep, .wb_inset_significant, .wb_inset_extreme) {--wb-inset-q:2;}
	:is(.wb_pad_c, .wb_pad_d) &:is(.wb_inset_significant, .wb_inset_extreme) {--wb-inset-q:3;}
	:is(.wb_pad_e, .wb_pad_f) &.wb_inset_extreme {--wb-inset-q:4;}
}
/* Weblock Offset-Inset Module min,mod,deep,sign,extr*/








/* @import url("https://stock.aztris.com/style/groyle/3_block.css"); */

/* Block Specific Instruction Set */
header.wb_component {
	& :has(.wb_glued) {
		grid-row:1;
	}
}
.wb_logotype {grid-column-end:span 8;}
.wb_navigation {grid-auto-flow:column;grid-auto-columns:max-content;}
.wb_navigation.wb_glued {grid-column:span 10;align-items:center;}

.wb_block_intro {
	& h1 {text-align:center;margin:var(--wb-unit-h) auto;}
}
/* Block Specific Instruction Set */

/* Weblock Automatic Grid Column Module */
.wb_hull:has(.wb_col_2) {grid-template-columns:repeat(2, 1fr);}
.wb_hull:has(.wb_col_3) {grid-template-columns:repeat(3, 1fr);}
.wb_hull:has(.wb_col_4) {grid-template-columns:repeat(4, 1fr);}
.wb_hull:has(.wb_col_5) {grid-template-columns:repeat(5, 1fr);}
.wb_hull:has(.wb_col_6) {grid-template-columns:repeat(6, 1fr);}
.wb_hull:has(.wb_col_7) {grid-template-columns:repeat(7, 1fr);}
.wb_hull:has(.wb_col_8) {grid-template-columns:repeat(8, 1fr);}

[class*="wb_col_"] {grid-column-end: span 1;}
.wb_col_each {grid-column: 1 / -1;}
.wb_col_1 {grid-column-start: 1;}
.wb_col_2 {grid-column-start: 2;}
.wb_col_3 {grid-column-start: 3;}
.wb_col_4 {grid-column-start: 4;}
.wb_col_5 {grid-column-start: 5;}
.wb_col_6 {grid-column-start: 6;}
.wb_col_7 {grid-column-start: 7;}
.wb_col_8 {grid-column-start: 8;}
/* Weblock Automatic Grid Column Module */



.wb_page {
	& main :is(.wb_block) {
		& > * {
			grid-column: 2 / -2;
		}
	}
}

figure img {
min-height:200px;
min-width:200px;
width: 340px;
max-width:100%;
}




@media (max-width: 960px) {
header.wb_component {
	& :has(.wb_glued) {
		grid-row:2;
	}
}
body.wb_pad_i {--wb-width-name:kilo;}
.wb_navigation.wb_glued {grid-column:inherit;}
.wb_navigation {
    max-width:100%;
    grid-template-columns:1fr 1fr;
}
.wb_page {
	& header .wb_navigation {
		grid-gap: 2px;
		& a {
			grid-row:auto;
			grid-column: 1;
			padding:var(--wb-unit-f);
			align-self: center;
		}
		& a:nth-child(even) {
			grid-column: 2;
		}
	}
}
}

.wb_page {
	& header .wb_logotype {
		background:url('/load/logotype.png');
		background-size: 28%;
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 15px;
		color:rgb(147,59,189);
		text-decoration:none;
	}
	& header .wb_navigation {
		& a {
			background:rgb(96,74,107);
			color:rgb(255, 253, 254);
			text-decoration:none;
		}
		& a:hover {
			background:rgb(48,109,57);
			color:rgb(255, 253, 254);
			text-decoration:underline;
		}
	}
	&  main {
		& h1 {
			border-bottom:4px solid rgb(151,126,162);
		}
		& h2 {
			border-bottom:2px solid rgb(151,126,162);
		}
	}
}

@media (max-width: 960px) {
.wb_page {
	& header .wb_logotype {
		background-size: 30%;
		padding-left: 50px;
		justify-self: center;
		grid-column-end: -2;
	}
}
}