/* Regulator/exchange logo strip: greyscale by default, full colour on hover/focus. */
.payment-img img{
  filter:grayscale(100%);
  opacity:0.6;
  transition:filter 0.3s ease, opacity 0.3s ease;
}
.payment-img a:hover img,
.payment-img a:focus img{
  filter:grayscale(0%);
  opacity:1;
}

/* The strip is a flex row rather than a 12-column grid: seven logos do not
   divide into twelve, so a grid would leave the last one stranded on its
   own line. Items wrap three-up on a phone and sit in one row from md. */
.payment-logo{
  flex:0 0 auto;
  padding:0 5px;
  margin-bottom:24px;
}
@media (min-width:768px){
  .payment-logo{margin-bottom:0;padding:0 20px}
}


/* Line separating the Channel Partner section from the logo strip,
   in the same light grey as the other section dividers on the page. */
.partner-divider{
  border:0;
  border-top:1px solid rgba(0,0,0,.1);
  background:none;   /* Bootstrap fills <hr> with the text colour */
  height:0;
  opacity:1;
}