////
/// @group Icons
////

/* This is a generated SCSS file. Do not edit manually */

/* sass-lint:disable-all */
/* stylelint-disable */

// Cache busting random querystring
$nice-icons-no-cache: random(999999999);

/// Base path for loading font files
/// Override this in your application if your path differs.
/// E.g. if you want to replace it off a CDN you could change this to 'http://cdn.com/fonts/'
$nice-icons-base-path: '/fonts/' !default;

/// Map of icon name to codepoint.
/// This map avoids the use of 'magic strings' for codepoints throught SASS code. The map is usually not used directly - use the nice-icon function/mixin instead.
/// Please note - the values for codepoints are not fixed and may change each time the font is re-generated.
/// @prop {string} android [f17b] - <span class="icon icon--android" aria-hidden="true"></span>
/// @prop {string} apple [f179] - <span class="icon icon--apple" aria-hidden="true"></span>
/// @prop {string} facebook-square [f082] - <span class="icon icon--facebook-square" aria-hidden="true"></span>
/// @prop {string} google-plus [f0d5] - <span class="icon icon--google-plus" aria-hidden="true"></span>
/// @prop {string} google-plus-square [f0d4] - <span class="icon icon--google-plus-square" aria-hidden="true"></span>
/// @prop {string} instagram [f16d] - <span class="icon icon--instagram" aria-hidden="true"></span>
/// @prop {string} linkedin-sign [f08c] - <span class="icon icon--linkedin-sign" aria-hidden="true"></span>
/// @prop {string} question-circle [f059] - <span class="icon icon--question-circle" aria-hidden="true"></span>
/// @prop {string} twitter-square [f081] - <span class="icon icon--twitter-square" aria-hidden="true"></span>
/// @prop {string} youtube-play [f16a] - <span class="icon icon--youtube-play" aria-hidden="true"></span>
/// @prop {string} youtube-square [f166] - <span class="icon icon--youtube-square" aria-hidden="true"></span>
/// @prop {string} check [f00c] - <span class="icon icon--check" aria-hidden="true"></span>
/// @prop {string} calendar [e045] - <span class="icon icon--calendar" aria-hidden="true"></span>
/// @prop {string} chevron-down [e03c] - <span class="icon icon--chevron-down" aria-hidden="true"></span>
/// @prop {string} chevron-left [e03b] - <span class="icon icon--chevron-left" aria-hidden="true"></span>
/// @prop {string} chevron-right [e03a] - <span class="icon icon--chevron-right" aria-hidden="true"></span>
/// @prop {string} chevron-up [e039] - <span class="icon icon--chevron-up" aria-hidden="true"></span>
/// @prop {string} comment [f101] - <span class="icon icon--comment" aria-hidden="true"></span>
/// @prop {string} download [e006] - <span class="icon icon--download" aria-hidden="true"></span>
/// @prop {string} email-closed [e014] - <span class="icon icon--email-closed" aria-hidden="true"></span>
/// @prop {string} evidence [e017] - <span class="icon icon--evidence" aria-hidden="true"></span>
/// @prop {string} facebook [e012] - <span class="icon icon--facebook" aria-hidden="true"></span>
/// @prop {string} guidance [e011] - <span class="icon icon--guidance" aria-hidden="true"></span>
/// @prop {string} hamburger [e03d] - <span class="icon icon--hamburger" aria-hidden="true"></span>
/// @prop {string} linkedin [f0e1] - <span class="icon icon--linkedin" aria-hidden="true"></span>
/// @prop {string} logo [e01a] - <span class="icon icon--logo" aria-hidden="true"></span>
/// @prop {string} logo-name [e01b] - <span class="icon icon--logo-name" aria-hidden="true"></span>
/// @prop {string} logo-full [e01c] - <span class="icon icon--logo-full" aria-hidden="true"></span>
/// @prop {string} minus [e02a] - <span class="icon icon--minus" aria-hidden="true"></span>
/// @prop {string} pathways [e005] - <span class="icon icon--pathways" aria-hidden="true"></span>
/// @prop {string} play [e028] - <span class="icon icon--play" aria-hidden="true"></span>
/// @prop {string} plus [e027] - <span class="icon icon--plus" aria-hidden="true"></span>
/// @prop {string} podcast [e00b] - <span class="icon icon--podcast" aria-hidden="true"></span>
/// @prop {string} print [e001] - <span class="icon icon--print" aria-hidden="true"></span>
/// @prop {string} readnews [e009] - <span class="icon icon--readnews" aria-hidden="true"></span>
/// @prop {string} remove [e024] - <span class="icon icon--remove" aria-hidden="true"></span>
/// @prop {string} search [e004] - <span class="icon icon--search" aria-hidden="true"></span>
/// @prop {string} share [e008] - <span class="icon icon--share" aria-hidden="true"></span>
/// @prop {string} sorting [e021] - <span class="icon icon--sorting" aria-hidden="true"></span>
/// @prop {string} sorting-asc [e022] - <span class="icon icon--sorting-asc" aria-hidden="true"></span>
/// @prop {string} sorting-desc [e023] - <span class="icon icon--sorting-desc" aria-hidden="true"></span>
/// @prop {string} standards [e002] - <span class="icon icon--standards" aria-hidden="true"></span>
/// @prop {string} stop [e043] - <span class="icon icon--stop" aria-hidden="true"></span>
/// @prop {string} syndication [e013] - <span class="icon icon--syndication" aria-hidden="true"></span>
/// @prop {string} trash [e020] - <span class="icon icon--trash" aria-hidden="true"></span>
/// @prop {string} twitter [e000] - <span class="icon icon--twitter" aria-hidden="true"></span>
/// @prop {string} user [e01f] - <span class="icon icon--user" aria-hidden="true"></span>
/// @prop {string} warning [e04b] - <span class="icon icon--warning" aria-hidden="true"></span>
/// @prop {string} location [f102] - <span class="icon icon--location" aria-hidden="true"></span>
/// @prop {string} logo-portrait [f103] - <span class="icon icon--logo-portrait" aria-hidden="true"></span>
/// @prop {string} x-logo [f104] - <span class="icon icon--x-logo" aria-hidden="true"></span>
$nice-icons: (
    "android": "\f17b",
    "apple": "\f179",
    "facebook-square": "\f082",
    "google-plus": "\f0d5",
    "google-plus-square": "\f0d4",
    "instagram": "\f16d",
    "linkedin-sign": "\f08c",
    "question-circle": "\f059",
    "twitter-square": "\f081",
    "youtube-play": "\f16a",
    "youtube-square": "\f166",
    "check": "\f00c",
    "calendar": "\e045",
    "chevron-down": "\e03c",
    "chevron-left": "\e03b",
    "chevron-right": "\e03a",
    "chevron-up": "\e039",
    "comment": "\f101",
    "download": "\e006",
    "email-closed": "\e014",
    "evidence": "\e017",
    "facebook": "\e012",
    "guidance": "\e011",
    "hamburger": "\e03d",
    "linkedin": "\f0e1",
    "logo": "\e01a",
    "logo-name": "\e01b",
    "logo-full": "\e01c",
    "minus": "\e02a",
    "pathways": "\e005",
    "play": "\e028",
    "plus": "\e027",
    "podcast": "\e00b",
    "print": "\e001",
    "readnews": "\e009",
    "remove": "\e024",
    "search": "\e004",
    "share": "\e008",
    "sorting": "\e021",
    "sorting-asc": "\e022",
    "sorting-desc": "\e023",
    "standards": "\e002",
    "stop": "\e043",
    "syndication": "\e013",
    "trash": "\e020",
    "twitter": "\e000",
    "user": "\e01f",
    "warning": "\e04b",
    "location": "\f102",
    "logo-portrait": "\f103",
    "x-logo": "\f104",
);

/// Base styles required for an icon including font family etc
/// @example
///   .test {
///     @include nice-icons-base;
///
///     &:before {
///       content: nice-icon(search);
///     }
///   }
@mixin nice-icons-base {
  display: inline-block;
  font-family: 'nice-icons';
  font-style: normal;
  font-weight: normal !important;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/// Applies the required styles for the given icon
/// including the codepoint.
/// @param {string} $icon - The name of the icon
/// @throws Error when the given icon doesn't exist
/// @example
///   .search-icon {
///     @include nice-icon(search);
///   }
@mixin nice-icon($icon) {
  @if map-has-key($nice-icons, $icon) {
    @include nice-icons-base;
    content: nice-icon($icon);
  } @else {
    @error 'Icons with name #{ $icon } could not be found in the $nice-icons map';
  }
}

/// Function for getting the codepoint for a given icon, for use
/// within the `content` property of psuedo elements.
/// @example
///   .test {
///     @include nice-icons-base;
///
///     &:before {
///       content: nice-icon(search);
///     }
///   }
@function nice-icon($icon) {
  @if map-has-key($nice-icons, $icon) {
    $icon-code: map-get($nice-icons, $icon);
    @return unquote('\'#{ $icon-code }\'');
  } @else {
    @error 'Icons with name #{ $icon } could not be found in the $nice-icons map';
  }
}

@font-face {
  font-family: 'nice-icons';
  src: url($nice-icons-base-path + "nice-icons.woff?" + $nice-icons-no-cache) format("woff"),
    url($nice-icons-base-path + "nice-icons.woff2?" + $nice-icons-no-cache) format("woff2");
}

svg.icon {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  height: 1em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: baseline;
  width: 1em;
}

/// Class for rendering an icon.
/// Use with a named modifier for an icon.
/// @example
///   <span class="icon icon--search" aria-hidden="true"></span>
.icon[class*='icon--'] {
  @include nice-icons-base;

  &:before {
    display: block;
  }
}

@each $icon, $code in $nice-icons {
  .icon--#{ $icon }:before {
    content: nice-icon($icon);
  }
}