@import url("//hello.myfonts.net/count/294a43");

/*----------------------------------------------------------------------------*\
    rutgers.scss
    Theme stylesheet for rutgers, extends Blocss
\*----------------------------------------------------------------------------*/

/*
Here we set up some variables, include Blocss Typographical baseline then add
our theme-specific components afterwards.

In your terminal, navigate to the root of your project & run the following
command to watch & compile the file:
`compass watch`
*/

/*----------------------------------------------------------------------------*\
    $MIXINS
    A set of usefull Sass mixins, wich can be used troughout you project
\*----------------------------------------------------------------------------*/

/*  Functions
\*----------------------------------------------------------------------------*/

/**
 * Value to rem
 */

/**
 * Value to em
 */

/**
 * A small, internally-used function to remove the units from a given value.
 */

/*  CSS3
\*----------------------------------------------------------------------------*/

/**
 * Prefixer
 * Example: @include prefixer(border-radius, 5px 10px, webkit moz o ms spec);
 */

/**
 * Rem converter
 *
 * 1. Provide pixel fallback for ie8
 * 2. Loop over values
 * 3. Run trough prefixer
 *
 * Sample: @include rem(margin, 0 auto 300px, webkit moz spec, !important);
 */

/**
 * Multi rem converter
 * Remmify multiple properties in one swoop
 *
 * Beware: if only one set is provided, the mixin will fail.
 * In that case use the normal rem mixin instead
 *
 * Sample:
   @include multi-rem(
       (padding, $space 1em)
       (margin, $space auto, true)
       (border-radius, 50%)
   );
 */

/*  Typography & vertical rhythm
\*----------------------------------------------------------------------------*/

/**
 * Font face shorthand
 */

/**
 * Calculates font, rem font size & line height
 * $multiplier: multiplies line height by the given value
 * $line-height: include line height or not
 * The line height parameter can also be used as the multiplier
 *
 * Sample usage @include font-size(18px, 2);
 */

/**
 * Truncate overly long strings
 * sample value truncate(100%)
 */

/*  Media Queries
\*----------------------------------------------------------------------------*/

/**
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */

/*----------------------------------------------------------------------------*\
    $FONTS
\*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/

/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/

/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/

/* Flexo
\*----------------------------------------------------------------------------*/

@font-face {
  font-family: "Roboto";
  font-weight: normal;
  font-style: normal;
  src: url("/sites/all/themes/rutgers_base/f/roboto/roboto-regular.eot");
  src: url("/sites/all/themes/rutgers_base/f/roboto/roboto-regular.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/rutgers_base/f/roboto/roboto-regular.woff") format("woff"), url("/sites/all/themes/rutgers_base/f/roboto/roboto-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-weight: normal;
  font-style: italic;
  src: url("/sites/all/themes/rutgers_base/f/roboto/roboto-italic.eot");
  src: url("/sites/all/themes/rutgers_base/f/roboto/roboto-italic.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/rutgers_base/f/roboto/roboto-italic.woff") format("woff"), url("/sites/all/themes/rutgers_base/f/roboto/roboto-italic.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-weight: bold;
  font-style: normal;
  src: url("/sites/all/themes/rutgers_base/f/roboto/roboto-bold.eot");
  src: url("/sites/all/themes/rutgers_base/f/roboto/roboto-bold.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/rutgers_base/f/roboto/roboto-bold.woff") format("woff"), url("/sites/all/themes/rutgers_base/f/roboto/roboto-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  src: url("/sites/all/themes/rutgers_base/f/roboto/roboto-medium.eot");
  src: url("/sites/all/themes/rutgers_base/f/roboto/roboto-medium.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/rutgers_base/f/roboto/roboto-medium.woff") format("woff"), url("/sites/all/themes/rutgers_base/f/roboto/roboto-medium.ttf") format("truetype");
}

/* Skippy sharpie
\*----------------------------------------------------------------------------*/

@font-face {
  font-family: "Skippy Sharpie";
  font-weight: normal;
  font-style: normal;
  src: url("/sites/all/themes/rutgers_base/f/skippysharpie/skippy_sharpie-webfont.eot");
  src: url("/sites/all/themes/rutgers_base/f/skippysharpie/skippy_sharpie-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/rutgers_base/f/skippysharpie/skippy_sharpie-webfont.woff") format("woff"), url("/sites/all/themes/rutgers_base/f/skippysharpie/skippy_sharpie-webfont.ttf") format("truetype");
}

/* Icon
\*----------------------------------------------------------------------------*/

@font-face {
  font-family: "icon";
  font-weight: normal;
  font-style: normal;
  src: url("/sites/all/themes/rutgers_base/f/icon/icon.eot");
  src: url("/sites/all/themes/rutgers_base/f/icon/icon.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/rutgers_base/f/icon/icon.woff") format("woff"), url("/sites/all/themes/rutgers_base/f/icon/icon.ttf") format("truetype");
}