/**
* icon setup
**/

.cgn-icons {
  list-style: none;
  margin-top: 40px;
}
.cgn-icon-container {
  display: inline-block;
}
.cgn-icon {
  padding: 14px;
  background-attachment: inherit;
  transition: background-size 0.2s;
  background-size: 25px !important;
  margin-right: 10px;
}

/**
  * icon sizes.
  **/
.cgn-icon.size-s {
  padding: 14px !important;
  background-size: 25px !important;
}
.cgn-icon.size-m {
  padding: 20px !important;
  background-size: 35px !important;
  transition: background-size 0.5s;
}
.cgn-icon.size-l {
  padding: 26px !important;
  background-size: 45px !important;
  transition: background-size 0.5s;
}
.cgn-icon.size-xl {
  padding: 32px !important;
  background-size: 50px !important;
  transition: background-size 0.5s;
}
.cgn-icon.size-xxl {
  padding: 40px !important;
  background-size: 65px !important;
  transition: background-size 0.5s;
}

/**
  * icon store
  **/

.facebook-icon {
  background: url(../../assets/icons/facebook.svg) no-repeat;
}
.instagram-icon {
  background: url(../../assets/icons/instagram.svg) no-repeat;
}
.google-icon {
  background: url(../../assets/icons/google.svg) no-repeat;
}
.googlemaps-icon {
  background: url(../../assets/icons/googlemaps.svg) no-repeat;
}
.twitter-icon {
  background: url(../../assets/icons/twitter.svg) no-repeat;
}
.yelp-icon {
  background: url(../../assets/icons/yelp.svg) no-repeat;
}
.linkedin-icon {
  background: url(../../assets/icons/linkedin.svg) no-repeat;
  background-size: 25px;
}
.youtube-icon {
  background: url(../../assets/icons/youtube.svg) no-repeat;
  background-size: 25px;
}

/**
   * icon transitions
   **/

.cgn-icon:hover {
  background-size: 28px !important;
}
.cgn-icon.size-m:hover {
  background-size: 40px !important;
}
.cgn-icon.size-l:hover {
  background-size: 52px !important;
}
.cgn-icon.size-xl:hover {
  background-size: 64px !important;
}
.cgn-icon.size-xxl:hover {
  background-size: 76px !important;
}