/* Icon system (local SVG masks)
 * Generated by generate-icons.js from requirements.json
 * To add a new icon: drop the SVG in ../img/icons/ and add a rule below.
 */

.cnm-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: -0.125em;
  pointer-events: none;
}

.icon-bank                    { -webkit-mask-image: url("../img/icons/icon-bank.svg");                    mask-image: url("../img/icons/icon-bank.svg"); }
.icon-faq-arrow               { -webkit-mask-image: url("../img/icons/faq-arrow.svg");                    mask-image: url("../img/icons/faq-arrow.svg"); }
.icon-calendar                { -webkit-mask-image: url("../img/icons/icon-calendar.svg");                mask-image: url("../img/icons/icon-calendar.svg"); }
.icon-chevron-left           { -webkit-mask-image: url("../img/icons/icon-chevron-left.svg");           mask-image: url("../img/icons/icon-chevron-left.svg"); }
.icon-clock                   { -webkit-mask-image: url("../img/icons/icon-clock.svg");                   mask-image: url("../img/icons/icon-clock.svg"); }
.icon-credit-card             { -webkit-mask-image: url("../img/icons/icon-credit-card.svg");             mask-image: url("../img/icons/icon-credit-card.svg"); }
.icon-envelope                { -webkit-mask-image: url("../img/icons/icon-envelope.svg");                mask-image: url("../img/icons/icon-envelope.svg"); }
.icon-phone                   { -webkit-mask-image: url("../img/icons/icon-phone.svg");                   mask-image: url("../img/icons/icon-phone.svg"); }
.icon-play                    { -webkit-mask-image: url("../img/icons/icon-play.svg");                    mask-image: url("../img/icons/icon-play.svg"); }
.icon-plus                    { -webkit-mask-image: url("../img/icons/icon-plus.svg");                    mask-image: url("../img/icons/icon-plus.svg"); }
.icon-star                    { -webkit-mask-image: url("../img/icons/icon-star.svg");                    mask-image: url("../img/icons/icon-star.svg"); }
.icon-user                    { -webkit-mask-image: url("../img/icons/icon-user.svg");                    mask-image: url("../img/icons/icon-user.svg"); }
.icon-facebook                { -webkit-mask-image: url("../img/icons/icon-facebook.svg");                mask-image: url("../img/icons/icon-facebook.svg"); }
.icon-loc-pin                 { -webkit-mask-image: url("../img/icons/icon-loc-pin.svg");                 mask-image: url("../img/icons/icon-loc-pin.svg"); }