/* Icon font*/
.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #b1357e; /* This sets the icon color */
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.icon-caption{
	color: #5b57a6;
}

.arrow{
	mask-image: url('../icons/chevron_right.svg');
	-webkit-mask-image: url('../icons/chevron_right.svg');
}
.arrow.down{
	  transform: rotate(90deg);
}
.arrow.up{
	  transform: rotate(-90deg);
}
.arrow.left{
	  transform: rotate(180deg);
}

.icon-cloud {
	mask-image: url('../icons/cloud.svg');
	-webkit-mask-image: url('../icons/cloud.svg');
}
.calendar {
	mask-image: url('../icons/calendar_month.svg');
	-webkit-mask-image: url('../icons/calendar_month.svg');
 }

.person {
	mask-image: url('../icons/person.svg');
	-webkit-mask-image: url('../icons/person.svg');
}

.globe {
	mask-image: url('../icons/globe_location_pin.svg');
	-webkit-mask-image: url('../icons/globe_location_pin.svg');
}
.animated {
	mask-image: url('../icons/animated_images.svg');
	-webkit-mask-image: url('../icons/animated_images.svg');
}
.school {
	mask-image: url('../icons/school.svg');
	-webkit-mask-image: url('../icons/school.svg');
}
.news {
	mask-image: url('../icons/newsmode.svg');
	-webkit-mask-image: url('../icons/newsmode.svg');
}
.pdf_document {
	mask-image: url('../icons/picture_as_pdf.svg');
	-webkit-mask-image: url('../icons/picture_as_pdf.svg');
}
.photo_library {
	mask-image: url('../icons/photo_library.svg');
	-webkit-mask-image: url('../icons/photo_library.svg');
}
.arrow_backward {
	mask-image: url('../icons/arrow_backward.svg');
	-webkit-mask-image: url('../icons/arrow_backward.svg');
}
.arrow_forward {
	mask-image: url('../icons/arrow_forward.svg');
	-webkit-mask-image: url('../icons/arrow_forward.svg');
}
.home {
	mask-image: url('../icons/home.svg');
	-webkit-mask-image: url('../icons/home.svg');
}
.check {
	mask-image: url('../icons/check.svg');
	-webkit-mask-image: url('../icons/check.svg');
}
.star {
	mask-image: url('../icons/star.svg');
	-webkit-mask-image: url('../icons/star.svg');
}
.crowdsource {
	mask-image: url('../icons/crowdsource.svg');
	-webkit-mask-image: url('../icons/crowdsource.svg');
}