/* */ /* ICONS */ /* */ /* v001 14 Jul 2020 - Initial version */ /* v002 23 Apr 2022 - Taken from NPG to ARP 3 */ /* */ /* */ ul.resource.resourcetype24 li a:before, /* Resource items (PDFs) - used as mask*/ .news-item-container h3:before, /* News items - now used as mask */ .core-exp div.expandable h3:before, /* Core expandables - now used as mask */ .faq-item-container div.expandable h3:before, /* Opening and closed states on expandables - now used as mask */ .glossary-item-container .glossaryitem:before, /* Glossary items */ .timeline-item-container .timeline-item:before { /* Calendar items */ content: ''; height: var(--indent-width); width: var(--indent-width); position: absolute; margin-left: calc( 0px - var(--indent-width) ); font-size: 12px; line-height: 12px; margin-top: -10px; padding-top: 12px; } .timeline-item-container .timeline-item:before { /* Calendar items - still used as background image */ background-repeat: no-repeat; background-position: -9999px -9999px; background-image: var(--master-sprite); } .news-item-container h3:before { /*background-position: -110px -195px;*/ /* Now used as mask */ } .glossary-item-container .glossaryitem { padding-left: var(--indent-width); } .glossary-item-container .glossaryitem:before { margin-top: 20px; /*background-position: -608px -195px;*/ /* Now used as mask */ } .timeline-item-container .timeline-item:before { background-position: -209px -181px; } .core-exp div.expandable h3:before, .faq-item-container div.expandable h3:before { /*background-position: -710px -95px;*/ /* Now used as mask */ } .core-exp div.expandable h3.closed:before, .faq-item-container div.expandable h3.closed:before { /*background-position: -610px -95px;*/ /* Now used as mask */ } /* **************************************** */ /* MASTER SPRITE USED AS MASK */ /* **************************************** */ ul.resource.resourcetype24 li a:before, /* Resource items (PDFs) */ .news-item-container h3.item-header:before, .news-item-container h3.item-header.isDown:before, .core-exp div.expandable h3:before, .core-exp div.expandable h3.closed:before, .faq-item-container div.expandable h3:before, .faq-item-container div.expandable h3.closed:before, .glossary-item-container .glossaryitem:before { -webkit-mask-image: var(--master-sprite); mask-image: var(--master-sprite); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #0083A9 /* __ ARP 3 __ Blue (Pantone 314c) */; } ul.resource.resourcetype24 li a:before { -webkit-mask-position: -0px -195px; mask-position: -0px -195px; background-color: #dd052b /* __ ARP 3 __ Red (Pantone 186c) */; } .news-item-container h3.item-header:before { -webkit-mask-position: -100px -195px; mask-position: -100px -195px; } .news-item-container .isSelected h3.item-header:before { background-color: #dd052b /* __ ARP 3 __ Red (Pantone 186c) */; } .core-exp div.expandable h3:before, .faq-item-container div.expandable h3:before { -webkit-mask-position: -700px -95px; mask-position: -700px -95px; background-color: #dd052b /* __ ARP 3 __ Red (Pantone 186c) */; } .core-exp div.expandable h3.closed:before, .faq-item-container div.expandable h3.closed:before { -webkit-mask-position: -600px -95px; mask-position: -600px -95px; background-color: #0083A9 /* __ ARP 3 __ Blue (Pantone 314c) */; } .glossary-item-container .glossaryitem { padding-left: var(--indent-width); } .glossary-item-container .glossaryitem:before { -webkit-mask-position: -600px -195px; mask-position: -600px -195px; margin-top: 20px; } /* **************************************** */ /* GENERAL PURPOSE ICONS ON H3s */ /* **************************************** */ section.content article[class*="icon"] h3, section.content h3[class*="icon"], section.content article div[class*="icon"] h3 { padding-left: var(--indent-width); padding-bottom: 20px; } /* New 2022 style icons using SVG masks */ article[class*="icon"] h3:before, h3[class*="icon"]:before, article div[class*="icon"] h3:before { -webkit-mask-image: var(--icon-sprite); mask-image: var(--icon-sprite); -webkit-mask-position: -9999px -9999px; mask-position: -9999px -9999px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } article[class*="icon"] h3:before, h3[class*="icon"]:before, article div[class*="icon"] h3:before { content: ''; height: var(--indent-width); width: var(--indent-width); background-color: #0083A9 /* __ ARP 3 __ Blue (Pantone 314c) */; position: absolute; margin-left: calc( 0px - var(--indent-width) ); font-size: 12px; line-height: 12px; margin-top: -10px; padding-top: 12px; } article.icon01 h3:before { -webkit-mask-position: -25px -25px; mask-position: -25px -25px; } article.icon02 h3:before { -webkit-mask-position: -125px -25px; mask-position: -125px -25px; } article.icon03 h3:before { -webkit-mask-position: -225px -25px; mask-position: -225px -25px; } article.icon04 h3:before { -webkit-mask-position: -325px -25px; mask-position: -325px -25px; } article.icon05 h3:before { -webkit-mask-position: -425px -25px; mask-position: -425px -25px; } article.icon06 h3:before { -webkit-mask-position: -525px -25px; mask-position: -525px -25px; } article.icon07 h3:before { -webkit-mask-position: -625px -25px; mask-position: -625px -25px; } article.icon08 h3:before { -webkit-mask-position: -725px -25px; mask-position: -725px -25px; } article.icon09 h3:before { -webkit-mask-position: -825px -25px; mask-position: -825px -25px; } article.icon10 h3:before { -webkit-mask-position: -925px -25px; mask-position: -925px -25px; } article.icon11 h3:before { -webkit-mask-position: -25px -125px; mask-position: -25px -125px; } article.icon12 h3:before { -webkit-mask-position: -125px -125px; mask-position: -125px -125px; } article.icon13 h3:before { -webkit-mask-position: -225px -125px; mask-position: -225px -125px; } article.icon14 h3:before { -webkit-mask-position: -325px -125px; mask-position: -325px -125px; } article.icon15 h3:before { -webkit-mask-position: -425px -125px; mask-position: -425px -125px; } article.icon16 h3:before { -webkit-mask-position: -525px -125px; mask-position: -525px -125px; } article.icon17 h3:before { -webkit-mask-position: -625px -125px; mask-position: -625px -125px; } article.icon18 h3:before { -webkit-mask-position: -725px -125px; mask-position: -725px -125px; } article.icon19 h3:before { -webkit-mask-position: -825px -125px; mask-position: -825px -125px; } article.icon20 h3:before { -webkit-mask-position: -925px -125px; mask-position: -925px -125px; } article.icon21 h3:before { -webkit-mask-position: -25px -225px; mask-position: -25px -225px; } article.icon22 h3:before { -webkit-mask-position: -125px -225px; mask-position: -125px -225px; } article.icon23 h3:before { -webkit-mask-position: -225px -225px; mask-position: -225px -225px; } article.icon24 h3:before { -webkit-mask-position: -325px -225px; mask-position: -325px -225px; } article.icon25 h3:before { -webkit-mask-position: -425px -225px; mask-position: -425px -225px; } article.icon26 h3:before { -webkit-mask-position: -525px -225px; mask-position: -525px -225px; } article.icon27 h3:before { -webkit-mask-position: -625px -225px; mask-position: -625px -225px; } article.icon28 h3:before { -webkit-mask-position: -725px -225px; mask-position: -725px -225px; } article.icon29 h3:before { -webkit-mask-position: -825px -225px; mask-position: -825px -225px; } article.icon30 h3:before { -webkit-mask-position: -925px -225px; mask-position: -925px -225px; } article.icon31 h3:before { -webkit-mask-position: -25px -325px; mask-position: -25px -325px; } article.icon32 h3:before { -webkit-mask-position: -125px -325px; mask-position: -125px -325px; } article.icon33 h3:before { -webkit-mask-position: -225px -325px; mask-position: -225px -325px; } article.icon34 h3:before { -webkit-mask-position: -325px -325px; mask-position: -325px -325px; } article.icon35 h3:before { -webkit-mask-position: -425px -325px; mask-position: -425px -325px; } article.icon36 h3:before { -webkit-mask-position: -525px -325px; mask-position: -525px -325px; } article.icon37 h3:before { -webkit-mask-position: -625px -325px; mask-position: -625px -325px; } article.icon38 h3:before { -webkit-mask-position: -725px -325px; mask-position: -725px -325px; } article.icon39 h3:before { -webkit-mask-position: -825px -325px; mask-position: -825px -325px; } article.icon40 h3:before { -webkit-mask-position: -925px -325px; mask-position: -925px -325px; } article.icon41 h3:before { -webkit-mask-position: -25px -425px; mask-position: -25px -425px; } article.icon42 h3:before { -webkit-mask-position: -125px -425px; mask-position: -125px -425px; } article.icon43 h3:before { -webkit-mask-position: -225px -425px; mask-position: -225px -425px; } article.icon44 h3:before { -webkit-mask-position: -325px -425px; mask-position: -325px -425px; } article.icon45 h3:before { -webkit-mask-position: -425px -425px; mask-position: -425px -425px; } article.icon46 h3:before { -webkit-mask-position: -525px -425px; mask-position: -525px -425px; } article.icon47 h3:before { -webkit-mask-position: -625px -425px; mask-position: -625px -425px; } article.icon48 h3:before { -webkit-mask-position: -725px -425px; mask-position: -725px -425px; } article.icon49 h3:before { -webkit-mask-position: -825px -425px; mask-position: -825px -425px; } article.icon50 h3:before { -webkit-mask-position: -925px -425px; mask-position: -925px -425px; } article.icon51 h3:before { -webkit-mask-position: -25px -525px; mask-position: -25px -525px; } article.icon52 h3:before { -webkit-mask-position: -125px -525px; mask-position: -125px -525px; } article.icon53 h3:before { -webkit-mask-position: -225px -525px; mask-position: -225px -525px; } article.icon54 h3:before { -webkit-mask-position: -325px -525px; mask-position: -325px -525px; } article.icon55 h3:before { -webkit-mask-position: -425px -525px; mask-position: -425px -525px; } article.icon56 h3:before { -webkit-mask-position: -525px -525px; mask-position: -525px -525px; } article.icon57 h3:before { -webkit-mask-position: -625px -525px; mask-position: -625px -525px; } article.icon58 h3:before { -webkit-mask-position: -725px -525px; mask-position: -725px -525px; } article.icon59 h3:before { -webkit-mask-position: -825px -525px; mask-position: -825px -525px; } article.icon60 h3:before { -webkit-mask-position: -925px -525px; mask-position: -925px -525px; } article.icon61 h3:before { -webkit-mask-position: -25px -625px; mask-position: -25px -625px; } article.icon62 h3:before { -webkit-mask-position: -125px -625px; mask-position: -125px -625px; } article.icon63 h3:before { -webkit-mask-position: -225px -625px; mask-position: -225px -625px; } article.icon64 h3:before { -webkit-mask-position: -325px -625px; mask-position: -325px -625px; } article.icon65 h3:before { -webkit-mask-position: -425px -625px; mask-position: -425px -625px; } article.icon66 h3:before { -webkit-mask-position: -525px -625px; mask-position: -525px -625px; } article.icon67 h3:before { -webkit-mask-position: -625px -625px; mask-position: -625px -625px; } article.icon68 h3:before { -webkit-mask-position: -725px -625px; mask-position: -725px -625px; } article.icon69 h3:before { -webkit-mask-position: -825px -625px; mask-position: -825px -625px; } article.icon70 h3:before { -webkit-mask-position: -925px -625px; mask-position: -925px -625px; } article.icon71 h3:before { -webkit-mask-position: -25px -725px; mask-position: -25px -725px; } article.icon72 h3:before { -webkit-mask-position: -125px -725px; mask-position: -125px -725px; } article.icon73 h3:before { -webkit-mask-position: -225px -725px; mask-position: -225px -725px; } article.icon74 h3:before { -webkit-mask-position: -325px -725px; mask-position: -325px -725px; } article.icon75 h3:before { -webkit-mask-position: -425px -725px; mask-position: -425px -725px; } article.icon76 h3:before { -webkit-mask-position: -525px -725px; mask-position: -525px -725px; } article.icon77 h3:before { -webkit-mask-position: -625px -725px; mask-position: -625px -725px; } article.icon78 h3:before { -webkit-mask-position: -725px -725px; mask-position: -725px -725px; } article.icon79 h3:before { -webkit-mask-position: -825px -725px; mask-position: -825px -725px; } article.icon80 h3:before { -webkit-mask-position: -925px -725px; mask-position: -925px -725px; } article h3.icon01:before { -webkit-mask-position: -25px -25px; mask-position: -25px -25px; } article h3.icon02:before { -webkit-mask-position: -125px -25px; mask-position: -125px -25px; } article h3.icon03:before { -webkit-mask-position: -225px -25px; mask-position: -225px -25px; } article h3.icon04:before { -webkit-mask-position: -325px -25px; mask-position: -325px -25px; } article h3.icon05:before { -webkit-mask-position: -425px -25px; mask-position: -425px -25px; } article h3.icon06:before { -webkit-mask-position: -525px -25px; mask-position: -525px -25px; } article h3.icon07:before { -webkit-mask-position: -625px -25px; mask-position: -625px -25px; } article h3.icon08:before { -webkit-mask-position: -725px -25px; mask-position: -725px -25px; } article h3.icon09:before { -webkit-mask-position: -825px -25px; mask-position: -825px -25px; } article h3.icon10:before { -webkit-mask-position: -925px -25px; mask-position: -925px -25px; } article h3.icon11:before { -webkit-mask-position: -25px -125px; mask-position: -25px -125px; } article h3.icon12:before { -webkit-mask-position: -125px -125px; mask-position: -125px -125px; } article h3.icon13:before { -webkit-mask-position: -225px -125px; mask-position: -225px -125px; } article h3.icon14:before { -webkit-mask-position: -325px -125px; mask-position: -325px -125px; } article h3.icon15:before { -webkit-mask-position: -425px -125px; mask-position: -425px -125px; } article h3.icon16:before { -webkit-mask-position: -525px -125px; mask-position: -525px -125px; } article h3.icon17:before { -webkit-mask-position: -625px -125px; mask-position: -625px -125px; } article h3.icon18:before { -webkit-mask-position: -725px -125px; mask-position: -725px -125px; } article h3.icon19:before { -webkit-mask-position: -825px -125px; mask-position: -825px -125px; } article h3.icon20:before { -webkit-mask-position: -925px -125px; mask-position: -925px -125px; } article h3.icon21:before { -webkit-mask-position: -25px -225px; mask-position: -25px -225px; } article h3.icon22:before { -webkit-mask-position: -125px -225px; mask-position: -125px -225px; } article h3.icon23:before { -webkit-mask-position: -225px -225px; mask-position: -225px -225px; } article h3.icon24:before { -webkit-mask-position: -325px -225px; mask-position: -325px -225px; } article h3.icon25:before { -webkit-mask-position: -425px -225px; mask-position: -425px -225px; } article h3.icon26:before { -webkit-mask-position: -525px -225px; mask-position: -525px -225px; } article h3.icon27:before { -webkit-mask-position: -625px -225px; mask-position: -625px -225px; } article h3.icon28:before { -webkit-mask-position: -725px -225px; mask-position: -725px -225px; } article h3.icon29:before { -webkit-mask-position: -825px -225px; mask-position: -825px -225px; } article h3.icon30:before { -webkit-mask-position: -925px -225px; mask-position: -925px -225px; } article h3.icon31:before { -webkit-mask-position: -25px -325px; mask-position: -25px -325px; } article h3.icon32:before { -webkit-mask-position: -125px -325px; mask-position: -125px -325px; } article h3.icon33:before { -webkit-mask-position: -225px -325px; mask-position: -225px -325px; } article h3.icon34:before { -webkit-mask-position: -325px -325px; mask-position: -325px -325px; } article h3.icon35:before { -webkit-mask-position: -425px -325px; mask-position: -425px -325px; } article h3.icon36:before { -webkit-mask-position: -525px -325px; mask-position: -525px -325px; } article h3.icon37:before { -webkit-mask-position: -625px -325px; mask-position: -625px -325px; } article h3.icon38:before { -webkit-mask-position: -725px -325px; mask-position: -725px -325px; } article h3.icon39:before { -webkit-mask-position: -825px -325px; mask-position: -825px -325px; } article h3.icon40:before { -webkit-mask-position: -925px -325px; mask-position: -925px -325px; } article h3.icon41:before { -webkit-mask-position: -25px -425px; mask-position: -25px -425px; } article h3.icon42:before { -webkit-mask-position: -125px -425px; mask-position: -125px -425px; } article h3.icon43:before { -webkit-mask-position: -225px -425px; mask-position: -225px -425px; } article h3.icon44:before { -webkit-mask-position: -325px -425px; mask-position: -325px -425px; } article h3.icon45:before { -webkit-mask-position: -425px -425px; mask-position: -425px -425px; } article h3.icon46:before { -webkit-mask-position: -525px -425px; mask-position: -525px -425px; } article h3.icon47:before { -webkit-mask-position: -625px -425px; mask-position: -625px -425px; } article h3.icon48:before { -webkit-mask-position: -725px -425px; mask-position: -725px -425px; } article h3.icon49:before { -webkit-mask-position: -825px -425px; mask-position: -825px -425px; } article h3.icon50:before { -webkit-mask-position: -925px -425px; mask-position: -925px -425px; } article h3.icon51:before { -webkit-mask-position: -25px -525px; mask-position: -25px -525px; } article h3.icon52:before { -webkit-mask-position: -125px -525px; mask-position: -125px -525px; } article h3.icon53:before { -webkit-mask-position: -225px -525px; mask-position: -225px -525px; } article h3.icon54:before { -webkit-mask-position: -325px -525px; mask-position: -325px -525px; } article h3.icon55:before { -webkit-mask-position: -425px -525px; mask-position: -425px -525px; } article h3.icon56:before { -webkit-mask-position: -525px -525px; mask-position: -525px -525px; } article h3.icon57:before { -webkit-mask-position: -625px -525px; mask-position: -625px -525px; } article h3.icon58:before { -webkit-mask-position: -725px -525px; mask-position: -725px -525px; } article h3.icon59:before { -webkit-mask-position: -825px -525px; mask-position: -825px -525px; } article h3.icon60:before { -webkit-mask-position: -925px -525px; mask-position: -925px -525px; } article h3.icon61:before { -webkit-mask-position: -25px -625px; mask-position: -25px -625px; } article h3.icon62:before { -webkit-mask-position: -125px -625px; mask-position: -125px -625px; } article h3.icon63:before { -webkit-mask-position: -225px -625px; mask-position: -225px -625px; } article h3.icon64:before { -webkit-mask-position: -325px -625px; mask-position: -325px -625px; } article h3.icon65:before { -webkit-mask-position: -425px -625px; mask-position: -425px -625px; } article h3.icon66:before { -webkit-mask-position: -525px -625px; mask-position: -525px -625px; } article h3.icon67:before { -webkit-mask-position: -625px -625px; mask-position: -625px -625px; } article h3.icon68:before { -webkit-mask-position: -725px -625px; mask-position: -725px -625px; } article h3.icon69:before { -webkit-mask-position: -825px -625px; mask-position: -825px -625px; } article h3.icon70:before { -webkit-mask-position: -925px -625px; mask-position: -925px -625px; } article h3.icon71:before { -webkit-mask-position: -25px -725px; mask-position: -25px -725px; } article h3.icon72:before { -webkit-mask-position: -125px -725px; mask-position: -125px -725px; } article h3.icon73:before { -webkit-mask-position: -225px -725px; mask-position: -225px -725px; } article h3.icon74:before { -webkit-mask-position: -325px -725px; mask-position: -325px -725px; } article h3.icon75:before { -webkit-mask-position: -425px -725px; mask-position: -425px -725px; } article h3.icon76:before { -webkit-mask-position: -525px -725px; mask-position: -525px -725px; } article h3.icon77:before { -webkit-mask-position: -625px -725px; mask-position: -625px -725px; } article h3.icon78:before { -webkit-mask-position: -725px -725px; mask-position: -725px -725px; } article h3.icon79:before { -webkit-mask-position: -825px -725px; mask-position: -825px -725px; } article h3.icon80:before { -webkit-mask-position: -925px -725px; mask-position: -925px -725px; } article div.icon01 h3:before { -webkit-mask-position: -25px -25px; mask-position: -25px -25px; } article div.icon02 h3:before { -webkit-mask-position: -125px -25px; mask-position: -125px -25px; } article div.icon03 h3:before { -webkit-mask-position: -225px -25px; mask-position: -225px -25px; } article div.icon04 h3:before { -webkit-mask-position: -325px -25px; mask-position: -325px -25px; } article div.icon05 h3:before { -webkit-mask-position: -425px -25px; mask-position: -425px -25px; } article div.icon06 h3:before { -webkit-mask-position: -525px -25px; mask-position: -525px -25px; } article div.icon07 h3:before { -webkit-mask-position: -625px -25px; mask-position: -625px -25px; } article div.icon08 h3:before { -webkit-mask-position: -725px -25px; mask-position: -725px -25px; } article div.icon09 h3:before { -webkit-mask-position: -825px -25px; mask-position: -825px -25px; } article div.icon10 h3:before { -webkit-mask-position: -925px -25px; mask-position: -925px -25px; } article div.icon11 h3:before { -webkit-mask-position: -25px -125px; mask-position: -25px -125px; } article div.icon12 h3:before { -webkit-mask-position: -125px -125px; mask-position: -125px -125px; } article div.icon13 h3:before { -webkit-mask-position: -225px -125px; mask-position: -225px -125px; } article div.icon14 h3:before { -webkit-mask-position: -325px -125px; mask-position: -325px -125px; } article div.icon15 h3:before { -webkit-mask-position: -425px -125px; mask-position: -425px -125px; } article div.icon16 h3:before { -webkit-mask-position: -525px -125px; mask-position: -525px -125px; } article div.icon17 h3:before { -webkit-mask-position: -625px -125px; mask-position: -625px -125px; } article div.icon18 h3:before { -webkit-mask-position: -725px -125px; mask-position: -725px -125px; } article div.icon19 h3:before { -webkit-mask-position: -825px -125px; mask-position: -825px -125px; } article div.icon20 h3:before { -webkit-mask-position: -925px -125px; mask-position: -925px -125px; } article div.icon21 h3:before { -webkit-mask-position: -25px -225px; mask-position: -25px -225px; } article div.icon22 h3:before { -webkit-mask-position: -125px -225px; mask-position: -125px -225px; } article div.icon23 h3:before { -webkit-mask-position: -225px -225px; mask-position: -225px -225px; } article div.icon24 h3:before { -webkit-mask-position: -325px -225px; mask-position: -325px -225px; } article div.icon25 h3:before { -webkit-mask-position: -425px -225px; mask-position: -425px -225px; } article div.icon26 h3:before { -webkit-mask-position: -525px -225px; mask-position: -525px -225px; } article div.icon27 h3:before { -webkit-mask-position: -625px -225px; mask-position: -625px -225px; } article div.icon28 h3:before { -webkit-mask-position: -725px -225px; mask-position: -725px -225px; } article div.icon29 h3:before { -webkit-mask-position: -825px -225px; mask-position: -825px -225px; } article div.icon30 h3:before { -webkit-mask-position: -925px -225px; mask-position: -925px -225px; } article div.icon31 h3:before { -webkit-mask-position: -25px -325px; mask-position: -25px -325px; } article div.icon32 h3:before { -webkit-mask-position: -125px -325px; mask-position: -125px -325px; } article div.icon33 h3:before { -webkit-mask-position: -225px -325px; mask-position: -225px -325px; } article div.icon34 h3:before { -webkit-mask-position: -325px -325px; mask-position: -325px -325px; } article div.icon35 h3:before { -webkit-mask-position: -425px -325px; mask-position: -425px -325px; } article div.icon36 h3:before { -webkit-mask-position: -525px -325px; mask-position: -525px -325px; } article div.icon37 h3:before { -webkit-mask-position: -625px -325px; mask-position: -625px -325px; } article div.icon38 h3:before { -webkit-mask-position: -725px -325px; mask-position: -725px -325px; } article div.icon39 h3:before { -webkit-mask-position: -825px -325px; mask-position: -825px -325px; } article div.icon40 h3:before { -webkit-mask-position: -925px -325px; mask-position: -925px -325px; } article div.icon41 h3:before { -webkit-mask-position: -25px -425px; mask-position: -25px -425px; } article div.icon42 h3:before { -webkit-mask-position: -125px -425px; mask-position: -125px -425px; } article div.icon43 h3:before { -webkit-mask-position: -225px -425px; mask-position: -225px -425px; } article div.icon44 h3:before { -webkit-mask-position: -325px -425px; mask-position: -325px -425px; } article div.icon45 h3:before { -webkit-mask-position: -425px -425px; mask-position: -425px -425px; } article div.icon46 h3:before { -webkit-mask-position: -525px -425px; mask-position: -525px -425px; } article div.icon47 h3:before { -webkit-mask-position: -625px -425px; mask-position: -625px -425px; } article div.icon48 h3:before { -webkit-mask-position: -725px -425px; mask-position: -725px -425px; } article div.icon49 h3:before { -webkit-mask-position: -825px -425px; mask-position: -825px -425px; } article div.icon50 h3:before { -webkit-mask-position: -925px -425px; mask-position: -925px -425px; } article div.icon51 h3:before { -webkit-mask-position: -25px -525px; mask-position: -25px -525px; } article div.icon52 h3:before { -webkit-mask-position: -125px -525px; mask-position: -125px -525px; } article div.icon53 h3:before { -webkit-mask-position: -225px -525px; mask-position: -225px -525px; } article div.icon54 h3:before { -webkit-mask-position: -325px -525px; mask-position: -325px -525px; } article div.icon55 h3:before { -webkit-mask-position: -425px -525px; mask-position: -425px -525px; } article div.icon56 h3:before { -webkit-mask-position: -525px -525px; mask-position: -525px -525px; } article div.icon57 h3:before { -webkit-mask-position: -625px -525px; mask-position: -625px -525px; } article div.icon58 h3:before { -webkit-mask-position: -725px -525px; mask-position: -725px -525px; } article div.icon59 h3:before { -webkit-mask-position: -825px -525px; mask-position: -825px -525px; } article div.icon60 h3:before { -webkit-mask-position: -925px -525px; mask-position: -925px -525px; } article div.icon61 h3:before { -webkit-mask-position: -25px -625px; mask-position: -25px -625px; } article div.icon62 h3:before { -webkit-mask-position: -125px -625px; mask-position: -125px -625px; } article div.icon63 h3:before { -webkit-mask-position: -225px -625px; mask-position: -225px -625px; } article div.icon64 h3:before { -webkit-mask-position: -325px -625px; mask-position: -325px -625px; } article div.icon65 h3:before { -webkit-mask-position: -425px -625px; mask-position: -425px -625px; } article div.icon66 h3:before { -webkit-mask-position: -525px -625px; mask-position: -525px -625px; } article div.icon67 h3:before { -webkit-mask-position: -625px -625px; mask-position: -625px -625px; } article div.icon68 h3:before { -webkit-mask-position: -725px -625px; mask-position: -725px -625px; } article div.icon69 h3:before { -webkit-mask-position: -825px -625px; mask-position: -825px -625px; } article div.icon70 h3:before { -webkit-mask-position: -925px -625px; mask-position: -925px -625px; } article div.icon71 h3:before { -webkit-mask-position: -25px -725px; mask-position: -25px -725px; } article div.icon72 h3:before { -webkit-mask-position: -125px -725px; mask-position: -125px -725px; } article div.icon73 h3:before { -webkit-mask-position: -225px -725px; mask-position: -225px -725px; } article div.icon74 h3:before { -webkit-mask-position: -325px -725px; mask-position: -325px -725px; } article div.icon75 h3:before { -webkit-mask-position: -425px -725px; mask-position: -425px -725px; } article div.icon76 h3:before { -webkit-mask-position: -525px -725px; mask-position: -525px -725px; } article div.icon77 h3:before { -webkit-mask-position: -625px -725px; mask-position: -625px -725px; } article div.icon78 h3:before { -webkit-mask-position: -725px -725px; mask-position: -725px -725px; } article div.icon79 h3:before { -webkit-mask-position: -825px -725px; mask-position: -825px -725px; } article div.icon80 h3:before { -webkit-mask-position: -925px -725px; mask-position: -925px -725px; } /* Old pre-2022 icons from here down */ .icons { padding-left: var(--indent-width); min-height: 50px; background-repeat: no-repeat; background-position: -9999px -9999px; background-image: url(https://cms03-uk.s3.eu-west-2.amazonaws.com/arc-ar3-ux-30-icons-20220728.svg); } section.content article.icons h3.secondary-heading { margin-top: 9px; /* Added 10 Sep 2020 for Your Options page */ } section.content .icons h3 { margin-top: 9px; /* Added 15 Sep 2020 for Your pension benefits page */ } section.content .highlight-box.icons h3 { margin-top: 0px; /* Added 15 Sep 2020 for When your benefits can start page */ } .icons.icon01 { background-position: -1958px 8px; } .icons.icon02 { background-position: -1908px -42px; } .icons.icon03 { background-position: -1858px -92px; } .icons.icon04 { background-position: -1808px -142px; } .icons.icon05 { background-position: -1758px -192px; } .icons.icon06 { background-position: -1708px -242px; } .icons.icon07 { background-position: -1658px -292px; } .icons.icon08 { background-position: -1608px -342px; } .icons.icon09 { background-position: -1558px -392px; } .icons.icon10 { background-position: -1508px -442px; } .icons.icon11 { background-position: -1458px -492px; } .icons.icon12 { background-position: -1408px -542px; } .icons.icon13 { background-position: -1358px -592px; } .icons.icon14 { background-position: -1308px -642px; } .icons.icon15 { background-position: -1258px -692px; } .icons.icon16 { background-position: -1208px -742px; } .icons.icon17 { background-position: -1158px -792px; } .icons.icon18 { background-position: -1108px -842px; } .icons.icon19 { background-position: -1058px -892px; } .icons.icon20 { background-position: -1008px -942px; } .icons.icon21 { background-position: -958px -992px; } .icons.icon22 { background-position: -908px -1042px; } .icons.icon23 { background-position: -858px -1092px; } .icons.icon24 { background-position: -808px -1142px; } .icons.icon25 { background-position: -758px -1192px; } .icons.icon26 { background-position: -708px -1242px; } .icons.icon27 { background-position: -658px -1292px; } .icons.icon28 { background-position: -608px -1342px; } .icons.icon29 { background-position: -558px -1392px; } .icons.icon30 { background-position: -508px -1442px; } .icons.icon31 { background-position: -458px -1492px; } .icons.icon32 { background-position: -408px -1542px; } .icons.icon33 { background-position: -358px -1592px; } .icons.icon34 { background-position: -308px -1642px; } .icons.icon35 { background-position: -258px -1692px; } .icons.icon36 { background-position: -208px -1742px; } .icons.icon37 { background-position: -158px -1792px; } .icons.icon38 { background-position: -108px -1842px; } .icons.icon39 { background-position: -58px -1892px; } .icons.icon40 { background-position: -8px -1942px; } .highlight-box.icons.icon01 { background-position: -1950px 4px; } .highlight-box.icons.icon02 { background-position: -1900px -46px; } .highlight-box.icons.icon03 { background-position: -1850px -96px; } .highlight-box.icons.icon04 { background-position: -1800px -146px; } .highlight-box.icons.icon05 { background-position: -1750px -196px; } .highlight-box.icons.icon06 { background-position: -1700px -246px; } .highlight-box.icons.icon07 { background-position: -1650px -296px; } .highlight-box.icons.icon08 { background-position: -1600px -346px; } .highlight-box.icons.icon09 { background-position: -1550px -396px; } .highlight-box.icons.icon10 { background-position: -1500px -446px; } .highlight-box.icons.icon11 { background-position: -1450px -496px; } .highlight-box.icons.icon12 { background-position: -1400px -546px; } .highlight-box.icons.icon13 { background-position: -1350px -596px; } .highlight-box.icons.icon14 { background-position: -1300px -646px; } .highlight-box.icons.icon15 { background-position: -1250px -696px; } .highlight-box.icons.icon16 { background-position: -1200px -746px; } .highlight-box.icons.icon17 { background-position: -1150px -796px; } .highlight-box.icons.icon18 { background-position: -1100px -846px; } .highlight-box.icons.icon19 { background-position: -1050px -896px; } .highlight-box.icons.icon20 { background-position: -1000px -946px; } .highlight-box.icons.icon21 { background-position: -950px -996px; } .highlight-box.icons.icon22 { background-position: -900px -1046px; } .highlight-box.icons.icon23 { background-position: -850px -1096px; } .highlight-box.icons.icon24 { background-position: -800px -1146px; } .highlight-box.icons.icon25 { background-position: -750px -1196px; } .highlight-box.icons.icon26 { background-position: -700px -1246px; } .highlight-box.icons.icon27 { background-position: -650px -1296px; } .highlight-box.icons.icon28 { background-position: -600px -1346px; } .highlight-box.icons.icon29 { background-position: -550px -1396px; } .highlight-box.icons.icon30 { background-position: -500px -1446px; } .highlight-box.icons.icon31 { background-position: -450px -1496px; } .highlight-box.icons.icon32 { background-position: -400px -1546px; } .highlight-box.icons.icon33 { background-position: -350px -1596px; } .highlight-box.icons.icon34 { background-position: -300px -1646px; } .highlight-box.icons.icon35 { background-position: -250px -1696px; } .highlight-box.icons.icon36 { background-position: -200px -1746px; } .highlight-box.icons.icon37 { background-position: -150px -1796px; } .highlight-box.icons.icon38 { background-position: -100px -1846px; } .highlight-box.icons.icon39 { background-position: -50px -1896px; } .highlight-box.icons.icon40 { background-position: -0px -1946px; }