:root{
	--standard-width-elem: min(1052px, 93vw);
	--wide-width-elem: min(1268px, 94vw);
	--full-width-elem: 100vw;

	--one-column: calc( (min(100vw, 1268px) - min(23.4vw, 220px)) / 12);
	--one-gutter: calc( min(23.4vw, 220px) / 11);
}


wrapper{
	display: flex;
	align-items: center;
	flex-flow: column wrap;
	row-gap: 100px;
}

/* .wrapper .wp-block-group{
	display: flex;
	align-items: center;
	flex-flow: column wrap;
	row-gap: 50px;
} */

.is-layout-flex{
	display: flex;
}

.display-block{
	display: block;
}

.wrapper .wp-block-group{
	justify-content: space-between;
}

.wp-block-group > div{
	gap:20px;
	display: flex;
	flex-flow: column nowrap;
}


.wp-block-cover__inner-container,
.aligndefault{
	width: 100%;
	max-width: var(--standard-width-elem);
}

.height-full{
	height: 100vh;
}

.min-height-100{min-height: 100%;}

.height-100{ height: 100%; }
.height-50{ height: 50%; }

.height-6-col{ height: calc(var(--one-column) * 6 + var(--one-gutter) * 5); }
.height-4-col{ height: calc(var(--one-column) * 4 + var(--one-gutter) * 3); }
.height-2-col{ height: calc(var(--one-column) * 2 + var(--one-gutter) * 1); }

.height-200{ height: 200px;}

.wrapper > .alignwide, .inner-article .alignwide{
	width: 100vw;
	max-width: var(--wide-width-elem) !important;
}

.wp-block-group.alignwide{
	padding: var(--one-gutter);
}

.wp-block-group.alignfull{
	padding: calc(var(--one-gutter) * 2);
}

.wp-block-columns{
	gap: var(--one-gutter);
}

.alignwide{
	align-self: center;
}

.alignfull, .wrapper{
	max-width: var(--full-width-elem) !important;
	width: 100vw;
	align-self: center;
}

.absolute{position: absolute;}
.fixed{position: fixed;}


.sticky{
	position: sticky;
	top: 84px;
	align-self: flex-start;
}

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

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

.flex-row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fl-wrap-no{
	flex-wrap: nowrap;
}

.fl-wrap{
	flex-wrap: wrap;
}

.flex-column, 
.wp-block-cover:not(.reset){
	display: flex;
	flex-direction: column;
}

.fl-evenly{
	justify-content: space-evenly;
}

.fl-spacebetween{
	justify-content: space-between;
}

.flex-row.fl-x-end{
	justify-content: flex-end;
} 

.flex-row.fl-x-start{
	justify-content: flex-start;
} 

.flex-row.fl-x-center{
	justify-content: center;
}

.flex-row.fl-y-center{
	align-items: center;
}

.flex-row.fl-y-baseline{
	align-items: baseline;
}

.flex-row.fl-y-end{
	align-items: flex-end;
}

.flex-row.fl-y-start{
	align-items: flex-start;
}

.flex-column.fl-x-start{
	align-items: start;
}

.flex-column.fl-x-center{
	align-items: center;
}

.flex-column.fl-x-end{
	align-items: end;
}

.flex-column.fl-y-center{
	justify-content: center;
}

.flex-column.fl-y-baseline{
	justify-content: baseline;
}

.flex-column.fl-y-end{
	justify-content: flex-end;
}

.flex-column.fl-y-start{
	justify-content: flex-start;
}

.text-align-right{
	text-align: right;
}

.text-align-center{
	text-align: center;
}

.fl-spacearound{
	justify-content: space-around; 
}


*[class^='border-'], *[class*=' border-'] {
	border-style: solid;
	border-color: grey;
}

.border-1px{border-width: 1px;}
.border-2px{border-width: 2px;}

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

.border-radius-4 { border-radius: 4px; }
.border-radius-8 { border-radius: 8px; }
.border-radius-12 { border-radius: 12px; }
.border-radius-16 { border-radius: 16px; }
.border-radius-20 { border-radius: 20px; }
.border-radius-32 { border-radius: 32px; }
.border-radius-60 { border-radius: 60px; }
.border-radius-80 { border-radius: 80px; }
.border-radius-100 { border-radius: 100px; }

.margin-x-auto{margin-left: auto; margin-right: auto;}

.padding-0{ padding: 0;} 
.padding-4{ padding: 4px;} 
.padding-8{ padding: 8px;} 
.padding-half-gut{ padding: calc(var(--one-gutter)*.5);} 
.padding-1-gut{ padding: var(--one-gutter);}
.padding-2-gut{ padding: calc(var(--one-gutter)*2);}
.padding-half-col{ padding: calc(var(--one-column)/2);}
.padding-1-col{ padding: var(--one-column);}
.padding-2-col{ padding: calc(var(--one-column)*2);}

.padding-left-half-gut{ padding-left: calc(var(--one-gutter)*.5);} 
.padding-left-1-gut{ padding-left: var(--one-gutter);}
.padding-left-2-gut{ padding-left: calc(var(--one-gutter)*2);}
.padding-left-12{ padding-left: 12px;} 

.padding-right-half-gut{ padding-right: calc(var(--one-gutter)*.5);} 
.padding-right-1-gut{ padding-right: var(--one-gutter);}
.padding-right-2-gut{ padding-right: calc(var(--one-gutter)*2);}
.padding-right-12{ padding-right: 12px;} 

.padding-top-0{ padding-top: 0px;} 
.padding-top-4{ padding-top: 4px;} 
.padding-top-8{ padding-top: 8px;} 
.padding-top-12{ padding-top: 12px;} 
.padding-top-16{ padding-top: 16px;} 

.padding-bottom-0{ padding-bottom: 0px;} 
.padding-bottom-4{ padding-bottom: 4px;} 
.padding-bottom-8{ padding-bottom: 8px;} 
.padding-bottom-12{ padding-bottom: 12px;} 
.padding-bottom-16{ padding-bottom: 16px;} 

.padding-top-half-gut{ padding-top: calc(var(--one-gutter)*.5);} 
.padding-top-1-gut{ padding-top: var(--one-gutter);}
.padding-top-2-gut{ padding-top: calc(var(--one-gutter)*2);}

.padding-top-1-col{ padding-top: calc(var(--one-column)*1);}
.padding-top-2-col{ padding-top: calc(var(--one-column)*2);}
.padding-top-3-col{ padding-top: calc(var(--one-column)*3);}
.padding-top-4-col{ padding-top: calc(var(--one-column)*4);}

.padding-bottom-half-gut{ padding-bottom: calc(var(--one-gutter)*.5);} 
.padding-bottom-1-gut{ padding-bottom: var(--one-gutter);}
.padding-bottom-2-gut{ padding-bottom: calc(var(--one-gutter)*2);}

.padding-bottom-1-col{ padding-bottom: calc(var(--one-column));}
.padding-bottom-2-col{ padding-bottom: calc(var(--one-column)*2);}
.padding-bottom-3-col{ padding-bottom: calc(var(--one-column)*3);}
.padding-bottom-4-col{ padding-bottom: calc(var(--one-column)*4);}

.margin-0{ margin: 0;} 
.margin-4{ margin: 4px;} 
.margin-8{ margin: 8px;} 
.margin-half-gut{ margin: calc(var(--one-gutter)*.5);} 
.margin-1-gut{ margin: var(--one-gutter);}
.margin-2-gut{ margin: calc(var(--one-gutter)*2);}
.margin-1-col{ margin: var(--one-column);}
.margin-2-col{ margin: calc(var(--one-column)*2);}

.margin-left-half-gut{ margin-left: calc(var(--one-gutter)*.5);} 
.margin-left-1-gut{ margin-left: var(--one-gutter);}
.margin-left-2-gut{ margin-left: calc(var(--one-gutter)*2);}
.margin-left-12{ margin-left: 12px;} 

.margin-right-half-gut{ margin-right: calc(var(--one-gutter)*.5);} 
.margin-right-1-gut{ margin-right: var(--one-gutter);}
.margin-right-2-gut{ margin-right: calc(var(--one-gutter)*2);}
.margin-right-12{ margin-right: 12px;} 

.margin-top-4{ margin-top: 4px;} 
.margin-top-8{ margin-top: 8px;} 
.margin-top-12{ margin-top: 12px;} 
.margin-top-16{ margin-top: 16px;} 

.margin-bottom-4{ margin-bottom: 4px;} 
.margin-bottom-8{ margin-bottom: 8px;} 
.margin-bottom-12{ margin-bottom: 12px;} 
.margin-bottom-16{ margin-bottom: 16px;} 

.margin-top-half-gut{ margin-top: calc(var(--one-gutter)*.5);} 
.margin-top-1-gut{ margin-top: var(--one-gutter);}
.margin-top-2-gut{ margin-top: calc(var(--one-gutter)*2);}

.margin-top-2-col{ margin-top: calc(var(--one-column)*2);}
.margin-top-3-col{ margin-top: calc(var(--one-column)*3);}
.margin-top-4-col{ margin-top: calc(var(--one-column)*4);}

.margin-bottom-half-gut{ margin-bottom: calc(var(--one-gutter)*.5);} 
.margin-bottom-1-gut{ margin-bottom: var(--one-gutter);}
.margin-bottom-2-gut{ margin-bottom: calc(var(--one-gutter)*2);}

.margin-bottom-1-col{ margin-bottom: calc(var(--one-column));}
.margin-bottom-2-col{ margin-bottom: calc(var(--one-column)*2);}
.margin-bottom-3-col{ margin-bottom: calc(var(--one-column)*3);}
.margin-bottom-4-col{ margin-bottom: calc(var(--one-column)*4);}


.float-right{ float: right;}
.float-left{ float: left;}
.right-0 { right: 0;}
.left-0 { left: 0;}

.rowgap-1-gut{ gap: var(--one-gutter); }

.gap-1-gut{ gap: var(--one-gutter); }
.gap-2-gut{ gap: calc(var(--one-gutter) * 2); }

.gap-1-col{ gap: var(--one-column); }
.gap-2-col{ gap: calc(var(--one-column) * 2); }

.gap-4{ gap: 4px; }
.gap-8{ gap: 8px; }
.gap-12{ gap: 12px; }
.gap-16{ gap: 16px; }
.gap-20{ gap: 20px; }
.gap-24{ gap: 24px; }
.gap-32{ gap: 32px; }
.gap-36{ gap: 36px; }
.gap-40{ gap: 40px; }
.gap-44{ gap: 44px; }
.gap-48{ gap: 48px; }
.gap-60{ gap: 60px; }
.gap-80{ gap: 80px; }
.gap-180{ gap: 180px; }
.gap-280{ gap: 280px; }

.wp-block-cover__inner-container{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.width-100{ width: 100%;}
.width-50{ width: 50%;}
.width-30{ width: 30%;}

.width-50-no-gut{ width: calc(50% - (var(--one-gutter)/2));}

.width-100vw{ width: 100vw;}
.max-width-100{ max-width: 100%;}
.max-width-100vw{ max-width: 100vw;}

.width-12-col{ width: calc(var(--one-column) * 12 + var(--one-gutter) * 11); }
.width-10-col{ width: calc(var(--one-column) * 10 + var(--one-gutter) * 9); }
.width-9-col{ width: calc(var(--one-column) * 9 + var(--one-gutter) * 8); }
.width-8-col{ width: calc(var(--one-column) * 8 + var(--one-gutter) * 7); }
.width-7-col{ width: calc(var(--one-column) * 7 + var(--one-gutter) * 6); }
.width-6-col{ width: calc(var(--one-column) * 6 + var(--one-gutter) * 5); }
.width-5-col{ width: calc(var(--one-column) * 5 + var(--one-gutter) * 4); }

.width-4-col{ width: calc(var(--one-column) * 4 + var(--one-gutter) * 3); }
.width-3-col{ width: calc(var(--one-column) * 3 + var(--one-gutter) * 2); }
.width-2-col{ width: calc(var(--one-column) * 2 + var(--one-gutter) * 1); }
.width-1-col{ width: var(--one-column); }

.solid-line{
	width: 100%;
	height: 1px;
	background-color: var(--grey);
}

.wp-block-image .alignright{
	display: flex;
	justify-content: end;
}

.wp-block-image .alignleft{
	display: flex;
	justify-content: start;
}

.zindex-top{ z-index: 9999;}

.hide{display: none;}

.wp-block-buttons{
	display:flex;
	flex-wrap: wrap;
	gap: var(--one-gutter);
}


.wp-block-buttons > *{
	text-wrap: nowrap;
}

/* TEXTSTYLES */

.is-underlined{ text-decoration:underline;}



.has-bold-weight{ font-weight: 600 !important;}
.has-normal-weight{ font-weight: 400 !important;}

.italic {font-style: italic;}

.font-uppercase{ text-transform: uppercase;};
.is-uppercase{ text-transform: uppercase;}

.has-x-large-font-size{ font-size: 2em}
.has-large-font-size{ font-size: 1.5em}
.has-small-font-size{ font-size: .7em}
.text-color-halfblack{color: var(--black-50)}
.text-color-creme{color: var(--creme)}

/* icons */

.icon, *[class^='icon-'], *[class*=' icon-']{
	width: 24px;
	height: 24px;
	background: none;
}

.icon-16{
	font-size: 12px;
	width: 16px;
	height: 16px;
}
.icon-20 {
  font-size: clamp(14px, 1.5vw, 20px);
  width: clamp(14px, 1.5vw, 20px);
  height: clamp(14px, 1.5vw, 20px);
}

.icon-36 {
  font-size: clamp(24px, 2.5vw, 36px);
  width: clamp(24px, 2.5vw, 36px);
  height: clamp(24px, 2.5vw, 36px);
}

.icon-40 {
  font-size: clamp(30px, 3vw, 40px);
  width: clamp(30px, 3vw, 40px);
  height: clamp(30px, 3vw, 40px);
}

.icon.has-white-color{
	filter: brightness(0) invert(1);
}

.overflow-hidden{
	overflow: hidden;
}


/* MEDIAQUERIES */

	@media screen and (max-width: 360px) {
		.flex-row.xs-fl-x-center{
			justify-content: center;
		}
		.xs-flex-row{
			flex-direction: row;
		}
		.xs-flex-column{
			flex-direction: column;
		}
		.xs-hide{
			display: none;
		}
	}
	
	@media screen and (max-width: 400px) {
		.flex-row.s-fl-x-center{
			justify-content: center;
		}
		.s-flex-row{
			flex-direction: row;
		}
		.s-flex-column{
			flex-direction: column;
		}
		.s-hide{
			display: none;
		}
	}
	
	@media screen and (max-width: 800px) {
		
		.grid{
			grid-template-columns: repeat(6, 1fr);
		
		}
		.gap-180{ gap: 6em; }
		
		
		:root {
			/* --standard-width-elem: 100vw; */
			--wide-width-elem: min(1240px, 91vw);
			--full-width-elem: 100vw;
			
			--one-column: calc( (min(100vw, 1268px) - min(23.4vw, 220px)) / 6);
			--one-gutter: calc( min(23.4vw, 220px) / 5);
			
		}
		
		.m-width-12-col,
		.width-12-col, .width-10-col, .width-9-col, .width-8-col, .m-width-12-col{ width: 100%; }
		.width-6-col, .width-4-col{ width: 50%; }
		
		.height-6-col{ height: 400px;}
		.height-4-col{ height: 400px;}
		
		.m-height-auto{ height: auto;}
		.m-height-2-col{height: calc(var(--one-column)*2);}
		.m-height-3-col{height: calc(var(--one-column)*3);}
		.m-height-4-col{height: calc(var(--one-column)*4);}
		.m-height-400{height: 400px;}
		.m-height-600{height: 600px;}
		.m-height-100vh{height: 100vh;}
		
		body:not(.page-template-page-informational) article > p, body:not(.page-template-page-informational) [class^='wp-block-group'] > p{
			width: calc(var(--one-column) * 5 + var(--one-gutter) * 4);
		}
		
		.m-hide{
			display: none;
		}
		
		.m-padding-0{ padding: 0;}
		.m-padding-1-gut{padding: var(--one-gutter) !important;}
		.m-padding-half-gut{padding: calc(var(--one-gutter)*.5) !important;}

		.m-padding-left-0{ padding-left: 0 !important;}
		
		.m-padding-top-1-col{ padding-top: var(--one-column) !important;}

		.m-padding-bottom-1-gut{padding-bottom: var(--one-gutter) !important;}
		.m-padding-bottom-2-gut{padding-bottom: calc(2 * var(--one-gutter)) !important;}


		.m-margin-0{ margin: 0;} 
		.m-margin-4{ margin: 4px;} 
		.m-margin-8{ margin: 8px;} 
		.m-margin-half-gut{ margin: calc(var(--one-gutter)*.5);} 
		.m-margin-1-gut{ margin: var(--one-gutter);}
		.m-margin-2-gut{ margin: calc(var(--one-gutter)*2);}
		.m-margin-1-col{ margin: var(--one-column);}
		.m-margin-2-col{ margin: calc(var(--one-column)*2);}
		
		.m-gap-12{ gap: 12px;}
		.m-gap-16{ gap: 16px;}
		.m-gap-20{ gap: 20px;}
		
		.m-gap-half-gut{ gap: calc(var(--one-gutter) / 2);}
		
		.m-gap-1-col{ gap: var(--one-column);}
		
		.m-width-12-col,
		.m-width-100{ width: 100%; }
		
		.m-width-80{ width: 80%; }
		
		.flex-row.m-fl-x-center{
			justify-content: center;
		}
		
		.flex-row.m-fl-x-spacebetween{
			justify-content: space-between;
		}
		
		.flex-row.m-fl-x-end{
			justify-content: flex-end;
		} 
		.flex-column.m-fl-x-end{
			justify-content: flex-end;
		} 
		.flex-row.m-fl-x-start, 
		.m-flex-row.m-fl-x-start{
			align-items: flex-start;
		}
		
		.m-flex-column.m-fl-y-start{
			justify-content: flex-start;

		}
		.m-flex-row.m-fl-y-start,
		.flex-row.m-fl-y-start{
			
		}
		
		.m-relative{
			position: relative;
		}
		
		.m-block{
			display: block;
		}
		
		.m-flex-row{
			flex-direction: row;
		}
		.m-flex-column{
			flex-direction: column;
		}
		.m-flex-column.fl-x-center,
		.m-fl-x-center{
			align-items: center;
		}
		
		.m-column-reverse{
			flex-direction: column-reverse;
		}
		
		.m-row-reverse{
			flex-direction: row-reverse;
		}
	}
		
	@media screen and (min-width: 800px) {	
		.l-hide{
			display: none;
		}
		
	}