:root {
  --mptc-blue: #005776;
  --mptc-green: #58b947;
  --mptc-bright-blue: #59cbf5;
  --mptc-bright-green: #b3d442;
  --mptc-dark-grey: #808285;
  --mptc-light-grey: #d2d4d5;
  --mptc-fuscia: #cd1543;
  --mptc-rose: #E38E89;
  --mptc-blush: #F3CDC7;
  --mptc-gold: #febe10;
  --mptc-light-gold: #FEDB90;
  --mptc-pale-gold: #FEF2D1;
  --mptc-orange: #f57e20;
  --mptc-peach: #FCBB84;
  --mptc-pale-peach: #FEE1C8;
  --mptc-purple: #9a1d85;
  --mptc-light-purple: #C089B9;
  --mptc-pale-purple: #E0CBE1;
  --mptc-turqoise: #00b2b0;
  --mptc-light-teal: #8ED3D3;
  --mptc-pale-teal: #D0ECEC;
  --mptc-brown: #915b3d;
  --mptc-light-brown: #C39F89;
  --mptc-pale-brown: #E3D1C6;
  --oer-color-quote:      #625750;
  --oer-color-important:  #82231c;
  --oer-color-note:       #4e5653;
  --oer-color-definition: #456525;
  --oer-color-example:    #443e67;
  --oer-color-exercise:   #375669;
  --oer-color-objectives: #511536;
  --oer-color-references: #b4beba;
}

figure {
    border: solid lightgrey 1pt; 
    padding:12pt; 
    margin: 12pt;
    text-align: center;
}
figure img {
    margin: 0 auto;
}
figure figcaption {
    color: black;
    font-weight: lighter;
    margin-top: 8pt;
}
.user_content hr {
	border: 4px solid var(--ic-brand-primary);
	border-radius: 2px;
}

.oer-body { 
	font-family: 'Georgia', serif; 
	text-indent: 18px; 
	font-size: 1.1em; 
	line-height: 1.4; 
}

[class^="oer-note-"] { 
	font-family: "Lato", sans-serif; 
	font-size: .9em; 
	text-indent: 0; 
	font-weight: 400; 
	border: 1pt solid Gainsboro; 
	border-left: 4pt solid;
	padding: 8px 16px; 
	margin-left:2rem;
	margin-right:2rem;
	margin-bottom: 12pt;
	box-shadow: 4px 4px Gainsboro;}
[class^="oer-note-"]::before {
	content: "";
	text-transform: uppercase;
	position: inherit;
	float: right;
	padding: 2pt 6pt;
    background-color: Grey;
	color: white;
	border-radius: 4px;
	margin: -16px -2px 2px 8px;
}

.oer-note-quote::before { 
	content:'Quote'; 
	background-color: var(--oer-color-quote); 
} 
.oer-note-quote { 
	color: var(--oer-color-quote); 
	border-color: var(--oer-color-quote); 
}

.oer-note-important::before { 
	content:'Important'; 
	background-color: var(--oer-color-important); 
}
.oer-note-important { 
	color: var(--oer-color-important); 
	border-color: var(--oer-color-important);
}

.oer-note-note::before { 
	content: 'Note'; 
	background-color: var(--oer-color-note); 
}
.oer-note-note { 
	color: var(--oer-color-note); 
	border-color: var(--oer-color-note);
}

.oer-note-definition::before { 
	content: 'Definition'; 
	background-color: var(--oer-color-definition); 
}
.oer-note-definition { 
	color: var(--oer-color-definition); 
	border-color: var(--oer-color-definition); 
}

.oer-note-example::before { 
	content: 'Example'; 
	background-color: var(--oer-color-example); 
}
.oer-note-example { 
	color: var(--oer-color-example); 
	border-color: var(--oer-color-example);	
}

.oer-note-exercise::before { 
	content: 'Exercise'; 
	background-color: var(--oer-color-exercise); 
}
.oer-note-exercise { 
	color: var(--oer-color-exercise); 
	border-color: var(--oer-color-exercise); 
}

.oer-note-objectives::before { 
	content: "Objectives"; 
	background-color: var(--oer-color-objectives); 
}
.oer-note-objectives { 
	color: var(--oer-color-objectives); 
	border-color: var(--oer-color-objectives); 
}

.oer-note-references::before { 
	content: "References"; 
	background-color: var(--oer-color-note); 
}
.oer-note-references { 
	color: var(--oer-color-note); 
	border-color: var(--oer-color-note); 
}

ul.references { list-style: none; padding-left: 1.5em; }
ul.references li { text-indent: -1.5em; margin-bottom: .5em;}

.ico::before {
  content: '';
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 4px;
  background-color: currentColor;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.ico-blue::before {
	  background-color: var(--mptc-blue) !important;
}

.ico-green::before {
	  background-color: var(--mptc-green) !important;
}

.ico-target::before, .ico-purpose::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ1IDQ1Ij4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAuNywyNC4xYy40LjQsMS4xLjQsMS42LDBsMTEuMi0xMS4xaDIuNGMwLS4xLDkuMS02LjksOS4xLTYuOWwtNS44LS40LS4zLTUuNy02LjksOS4xdjIuNGMtLjEsMC0xMS4zLDExLjEtMTEuMywxMS4xLS40LjQtLjQsMS4xLDAsMS41aDBaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTM3LjIsMTMuM2wtLjYuNWMtLjIuMS0uNC4yLS42LjJoLTJjMCwuMS0uNi43LS42LjcsNC4zLDUuOCwzLjksMTQtMS40LDE5LjMtNS44LDUuOC0xNS4yLDUuOC0yMS4xLDAtNS45LTUuOC01LjktMTUuMi0uMS0yMC45LDUuMy01LjMsMTMuNi01LjcsMTkuNC0xLjRsLjYtLjZ2LTJjLjEtLjIuMi0uNC4zLS42bC41LS42Yy0xLS42LTIuMS0xLjItMy4yLTEuNy0yLjMtLjktNC42LTEuNC03LjEtMS40cy00LjguNS03LjEsMS40Yy0yLjMuOS00LjQsMi4zLTYuMiw0LjFzLTMuMiwzLjktNC4xLDYuMmMtLjksMi4yLTEuNCw0LjYtMS40LDdzLjUsNC44LDEuNCw3YzEsMi4zLDIuMyw0LjQsNC4xLDYuMnMzLjksMy4yLDYuMiw0LjFjMi4zLjksNC42LDEuNCw3LjEsMS40czQuOC0uNSw3LjEtMS40YzIuMy0uOSw0LjQtMi4zLDYuMi00LjFzMy4yLTMuOSw0LjEtNi4yYy45LTIuMiwxLjQtNC42LDEuNC03cy0uNS00LjgtMS40LTdjLS4zLTEuMS0uOS0yLjItMS41LTMuMmgwWiIvPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNy40LDE0LjVjLS42LS40LTEuMi0uNy0xLjktMS0xLjMtLjUtMi43LS44LTQuMS0uOHMtMi44LjMtNC4xLjhjLTEuNC41LTIuNiwxLjMtMy42LDIuNC0xLDEtMS44LDIuMi0yLjQsMy42LS41LDEuMy0uOCwyLjctLjgsNC4xcy4zLDIuOC44LDQuMWMuNiwxLjMsMS40LDIuNiwyLjQsMy42LDEsMSwyLjMsMS44LDMuNiwyLjQsMS4zLjUsMi43LjgsNC4xLjhzMi44LS4zLDQuMS0uOGMxLjQtLjUsMi42LTEuMywzLjYtMi40LDEtMSwxLjgtMi4yLDIuNC0zLjYuNS0xLjMuOC0yLjcuOC00LjFzLS4zLTIuOC0uOC00LjFjLS4zLS43LS42LTEuMy0xLTEuOWwtMi45LDIuOWMxLjMsMi42LjksNS44LTEuMyw4LTIuNywyLjctNy4xLDIuNy05LjgsMHMtMi43LTcuMSwwLTkuOGMyLjItMi4yLDUuNS0yLjYsOC4xLTEuM2wyLjgtMi45aDBaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxLjUsMjAuM2MtLjksMC0xLjcuMy0yLjQuOS0xLjIsMS4yLTEuMiwzLjIsMCw0LjUsMS4yLDEuMiwzLjMsMS4yLDQuNSwwLC43LS42LDEtMS41LjktMi40bC0xLjUsMS41Yy0uOC44LTIuMi44LTMsMGgwYy0uOC0uOC0uOC0yLjIsMC0zbDEuNS0xLjVoMFoiLz4KPC9zdmc+");
}

.ico-checklist::before, .ico-task::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ1IDQ1Ij4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOC42LDUuOXYzMy4xaDI4LjFWNS45SDguNlpNMjMuOCwzMS40aC0xMi41di0yLjVoMTIuNXYyLjVaTTIzLjgsMjMuN2gtMTIuNXYtMi41aDEyLjV2Mi41Wk0yMy44LDE2LjFoLTEyLjV2LTIuNWgxMi41djIuNVpNMjkuNywzMi44bC0yLjgtMi41LDEuNS0xLjMsMS4zLDEuMywyLjktMi43LDEuNSwxLjMtNC4zLDRaTTI5LjcsMjVsLTIuOC0yLjYsMS41LTEuMywxLjMsMS4zLDIuOS0yLjcsMS41LDEuMy00LjMsNFpNMjkuNywxNy40bC0yLjgtMi41LDEuNS0xLjMsMS4zLDEuMywyLjktMi43LDEuNSwxLjMtNC4zLDRaIi8+Cjwvc3ZnPg==");
}

.ico-star::before, .ico-criteria::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+CiAgPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNi40IDE1LjkgMjEuNyA0LjcgMjcgMTUuOSAzOC44IDE3LjcgMzAuMiAyNi40IDMyLjMgMzguOCAyMS43IDMzIDExLjIgMzguOCAxMy4yIDI2LjQgNC43IDE3LjcgMTYuNCAxNS45Ii8+Cjwvc3ZnPg==");
}

.ico-puzzle::before {
	mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0NSA0NSI+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTUuNyw2LjN2MzIuNGgzMy41VjYuM0g1LjdaTTMxLjcsMjIuNWMuMi43LDEuMSwxLjUsMS4xLDIuMmgwYzAsMS40LTEuMywyLjQtMi42LDIuMy0xLjIsMC0yLjItMS4xLTIuMy0yLjMsMC0uNy45LTEuNSwxLjEtMi4yaC02LjR2Ni4xYy43LS4yLDEuNS0xLDIuMy0xLDEuMywwLDIuNCwxLjEsMi40LDIuNHMtMS4xLDIuNC0yLjQsMi40LTEuNi0uOS0yLjMtMS4xdjYuM0g3LjF2LTE1LjJoNi40Yy0uMi44LTEuMSwxLjUtMS4xLDIuMywwLDEuNCwxLjMsMi40LDIuNiwyLjMsMS4yLDAsMi4yLTEuMSwyLjMtMi4zLDAtLjgtLjgtMS42LTEtMi4zaDYuMnYtNi4xYy0uNy4yLTEuNSwxLTIuMywxLTEuMywwLTIuNC0xLjEtMi40LTIuNCwwLTEuMywxLjEtMi40LDIuNC0yLjRoMGMuOCwwLDEuNi45LDIuMywxLjF2LTYuM2gxNS41djE1LjJoLTYuM1oiLz4KPC9zdmc+");
}