/* **************************************** */
/*          AUDIENCE SELECTION              */
/* **************************************** */

article.audience-selection {
  overflow: auto;               /* Because the P tags inside it are floated */
}

article.audience-selection p.option {
  text-align: center;
  margin-bottom: var(--grid-margin);
}

article.audience-selection p.option.pensioner {
  clear: right;
}

article.audience-selection p.option a {
  display: block;
  color: black;
  background-color: white;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 20px;
  border: 2px solid blue;
  border-radius: var(--border-radius-main);
}
article.audience-selection p.option.deferred a { border-color: #ef7723 /* __ ARP 3 __ Accent colour (Deferred) */; }
article.audience-selection p.option.pensioner a { border-color: #3fa535 /* __ ARP 3 __ Accent colour (Pensioner) */; }
article.audience-selection p.option.ifa a { border-color: #dd052b /* __ ARP 3 __ Accent colour (IFA) */; }

article.audience-selection p.option a:before {
  content: '';
  display: block;
  height: 100px;
  width: 100px;
  box-sizing: border-box;
  border-radius: 50px;
  margin: -95px auto 0 auto;
  background-repeat: no-repeat;
}
article.audience-selection p.option.deferred a:before {
  background-image: url({_css_image-cameo-deferred});
  width: 184px;
  height: 102px;
}
article.audience-selection p.option.pensioner a:before {
  background-image: url({_css_image-cameo-pensioner});
  width: 184px;
  height: 102px;
}
article.audience-selection p.option.ifa a:before {
  background-image: url({_css_image-cameo-ifa});
  width: 178px;
}


article.audience-selection p.option a:hover {
  color: white;
  background-color: blue;
}
article.audience-selection p.option.deferred a:hover {
  background-color: #ef7723 /* __ ARP 3 __ Accent colour (Deferred) */;
}
article.audience-selection p.option.pensioner a:hover {
  background-color: #3fa535 /* __ ARP 3 __ Accent colour (Pensioner) */;
}
article.audience-selection p.option.ifa a:hover {
  background-color: #dd052b /* __ ARP 3 __ Accent colour (IFA) */;
}