.group-triangles {
	position: relative;
	overflow: visible;
}

/* float the Image block itself */
.group-triangles>figure.wp-block-image.image-poignee {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	z-index: 999;
	margin: 0;
	pointer-events: none;
}

/* keep image behaving */
.group-triangles>figure.wp-block-image.image-poignee img {
	display: block;
	width: 250px;
	/* adjust */
	height: auto;
}



.pretty-triangle-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

/* SVG respects viewBox dimensions and max-width from size attribute */
.pretty-triangle-wrapper svg {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	
	height: auto;
}

.group-triangles > .overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* STRENGTH STYLING */

text.tri-strength-1 {
	font-family: 'Arial', sans-serif !important;
	font-size: 8px !important;
	font-weight: 400 !important;
	fill: yellow !important;
}

text.tri-strength-2 {
	font-family: 'Arial', sans-serif !important;
	font-size: 8px !important;
	font-weight: 400 !important;
	fill: yellow !important;
}

text.tri-strength-3 {
	font-family: 'Arial', sans-serif !important;
	font-size: 8px !important;
	font-weight: 400 !important;
	fill: black !important;

}

/* ICON STYLING - use color property to control SVG currentColor */

image.tri-strength-1 {
	fill: red !important;
}
image.tri-strength-2 {
	fill: red !important;
}
image.tri-strength-3 {
	fill: red !important;
}



text.tri-strength-2 {
	font-family: 'Arial', sans-serif !important;
	font-size: 8px !important;
	font-weight: 400 !important;
	fill: yellow !important;
}

text.tri-strength-3 {
	font-family: 'Arial', sans-serif !important;
	font-size: 8px !important;
	font-weight: 600 !important;
	fill: black !important;


}

/* SIDE STYLING */
.tri-side-1,
.tri-side-2,
.tri-side-3 {
	font-family: 'Verdana', sans-serif !important;
	font-size: 15px !important;
	/* 68.75% of base */
	font-weight: 500 !important;
	fill: grey !important;
}

/* GROUP STYLING */

.tri-group-1-1,
.tri-group-1-2,
.tri-group-2-1,
.tri-group-2-2,
.tri-group-3-1,
.tri-group-3-2 {
	font-family: Arial !important;
	font-size: 7px !important;
	font-weight: 300 !important;
	fill: black !important;
}


.editor-only {
	display: block
}