/*

UPDATED BY
United Nations Foundation
Digital Services
Aaron Pompei
08/2022

Icon Elements

*/

.hasIcon {
    position: relative;
    overflow: visible;
    padding-right: 100px;
}

h4.hasIcon,
h5.hasIcon {
  padding-left: 100px;
}

.icon {
  position: absolute;
  top: 0;
  right: -40px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: right top;
  text-indent: -100em;
  overflow: hidden;
  z-index: -9999;
  width: 100px;
  height: 100px;
  transition: all 1s ease-in-out;
}

.hasIcon .icon {
  opacity: .7;
  mix-blend-mode: multiply;
}

.current .hasIcon .icon {
  opacity: 1;
  transform: scale(1.15);
}


/* Icon */

.icon {
  background: #50B8BB;
  -webkit-transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  z-index: 1;
}

p.hasIcon:hover .icon {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}


/* Icon SVGs */

/* Webkit Masks (Delete in the future...) */
.icon.advocacy {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/advocacy.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/advocacy.svg);
}
.icon.apple {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/apple.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/apple.svg);
}
.icon.beaker {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/beaker.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/beaker.svg);
}
.icon.bolt-left {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/boltLeft.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/boltLeft.svg);
}
.icon.bolt-right {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/boltRight.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/boltRight.svg);
}
.icon.bolt-star {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/boltStar.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/boltStar.svg)
}
.icon.bolt-stars-alt {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/boltStarsAlt.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/boltStarsAlt.svg)
}
.icon.call {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/call.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/call.svg);
}
.icon.communication,
.icon.storytelling {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/communication.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/communication.svg);
}
.icon.donate-check {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/donateCheck.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/donateCheck.svg)
}
.icon.donate-honor {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/donateHonor.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/donateHonor.svg);
}
.icon.donate-matching {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/donateMatching.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/donateMatching.svg);
}
.icon.donate-donor-advised {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/donateDonorAdvised.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/donateDonorAdvised.svg);
}
.icon.email {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/email.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/email.svg);
}
.icon.fundraising {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/fundraising.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/fundraising.svg);
}
.icon.globe {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/globe.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/globe.svg);
}
.icon.map-pin {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/mapPin.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/mapPin.svg);
}
.icon.meeting {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/meeting.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/meeting.svg);
}
.icon.pencil {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/pencil.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/pencil.svg);
}
.icon.star-big {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/starBig.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/starBig.svg);
}
.icon.star-small {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/starSmall.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/starSmall.svg);
}
.icon.stars {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/starsTwo.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/starsTwo.svg);
}
.icon.heart {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/heart.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/heart.svg);
}
.icon.rays {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/rays.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/rays.svg);
}
.icon.robot {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/robot.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/robot.svg);
}
.icon.rocket {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/rocket.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/rocket.svg);
}
.icon.tweet {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/tweet.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/tweet.svg);
}
.icon.organize, .icon.organizing {
  -webkit-mask-image: url(/wp-content/themes/girlup/assets/icons/organizing.svg);
  mask-image: url(/wp-content/themes/girlup/assets/icons/organizing.svg);
}



body {
  -webkit-mask-image: none !important; mask-image: none !important; }