: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;
}

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;
}

a.hide_external_icon span.external_link_icon {
	display: none;
}

.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+");
}