/*
 * PostCss Icon Fonts
 */

/*
 * Main File icons.css
 * Version: 0.5
 * Created By: Andrew Senetar
 * Date: August, 7 2013
 * Used: Font Awesome Styles, Foundation Icon Fonts Scss as Starting; animation from Fontello
 */

/*
 * Defaults
 */
 :root {
  --set: voltaicideas;

  /* Colors (from Font Awesome) */
  --iconBorderColor: #eee;
}

@font-face {
  font-family: "var(--set)";
  src: url("../fonts/var(--set)");
  src: url("../fonts/var(--set).eot#iefix") format('embedded-opentype'),
    url("../fonts/var(--set).woff") format('woff'),
    url("../fonts/var(--set).ttf") format('truetype'),
    url("../fonts/var(--set).svg#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
 * global icon styles (from Foundation Icons + Font Awesome)
 */

/* Icon font Styles */
[class*='icon-'] {
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  display: inline;
  height: auto;
  width: auto;
  vertical-align: baseline;
  line-height: 1;
  margin-top: 0;
  speak: none;
  font-family: "var(--set)";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  font-smoothing: antialiased;
}

[class*='icon-']:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* Icon borders (from Font Awesome) */

[class*="border icon-"] {
  border: solid 1px var(--iconBorderColor);
  padding: .2em .25em .15em;
  border-radius: 3px;
}

/* Icon sizes (from Font Awesome) */

[class*="large icon-"]:before {
  vertical-align: -10%;
  font-size: 1.333em;
}

[class*="huge icon-"]:before {
  vertical-align: -17%;
  font-size: 1.75em;
}

[class*="2x icon-"] {
  font-size: 2em;
  & .border {
    border-width: 2px;
    border-radius: 4px;
  }
}

[class*="3x icon-"] {
  font-size: 3em;
  & .border {
    border-width: 3px;
    border-radius: 5px;
  }
}

[class*="4x icon-"] {
  font-size: 4em;
  & .border {
    border-width: 4px;
    border-radius: 6px;
  }
}

[class*="5x icon-"] {
  font-size: 5em;
  & .border {
    border-width: 5px;
    border-radius: 7px;
  }
}

/*
 * Fixes
 */

/* makes sure icons active on rollover in links (from Font Awesome) */

a [class*="icon-"]:before {
  display: inline;
}

/*
 * Actual Icons
 */
@import "_icon_codes";