@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);

@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);

@font-face {

  font-family: 'NoSpace';

  font-weight: normal;

  font-style: normal;

  src: url("/assets/fonts//zerowidthspaces.eot");

  src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg");

}

/**

 * Media Queries

 * Media Queries for global elements based on screen variants:

 */

@font-face {

  font-family: 'NoSpace';

  font-weight: normal;

  font-style: normal;

  src: url("/assets/fonts//zerowidthspaces.eot");

  src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg");

}

/**

 * Media Queries

 * Media Queries for global elements based on screen variants:

 */

p {

  margin: 0 0 24px;

}



a {

  color: #578270;

  text-decoration: none;

}

a:hover {

  color: #4B4B4B;

}

a:active, a:focus {

  color: #4B4B4B;

  outline: none;

}



hr {

  border-bottom: 1px solid #DDD;

  border-left: none;

  border-right: none;

  border-top: none;

  margin: 24px 0;

}



img,

video {

  margin: 0;

  max-width: 100%;

  height: auto;

}



abbr, acronym {

  border-bottom: 1px dotted #DDD;

  cursor: help;

}



address {

  display: block;

  margin: 0 0 12px;

}



hgroup {

  margin-bottom: 12px;

}



del {

  color: #717171;

}



blockquote {

  border: 0 none;

  color: #595959;

  margin: 0 0 24px 24px;

}

@media screen and (min-width: 48em) {

  blockquote {

    border-left: 3px solid #DDD;

    padding-left: 36px;

  }

}



cite {

  color: #8b8b8b;

  font-style: italic;

}

cite:before {

  content: '\2014 \00A0';

}



input, textarea {

  -webkit-appearance: none;

  -webkit-border-radius: 0;

}



/**

 * Heading groups and generic any-heading class.

 * To target any heading of any level simply apply a class of `.hN`, e.g.:

 *

   <hgroup>

       <h1 class=hN>inuit.css</h1>

       <h2 class=hN>Best. Framework. Ever!</h2>

   </hgroup>

 *

 */

hgroup .hN {

  margin-bottom: 0;

}



/**

 * A series of classes for setting massive type; for use in heroes, mastheads,

 * promos, etc.

 */

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

    $SMALLPRINT

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

/**

 * A series of classes for setting tiny type; for use in smallprint etc.

 */

/** ClearFix **/

/** Buttons Base **/

/** Homepage Section Overviews **/

/** Interior Page Header **/

/** Interior Page Title **/

.content--section > h4 {

  font: 1.875rem/1em Sentinel Ssm A, Sentinel Ssm B, serif;

  font-size: 1.75rem;

  line-height: 1em;

  font-family: Sentinel Ssm A, Sentinel Ssm B, serif;

  margin-bottom: 15px;

}



.content--section {

  margin-bottom: 1.5em;

}



.listing {

  list-style: none;

  padding: 0;

  margin: 0;

}

.listing > li {

  margin-bottom: 1.5rem;

}



.listing__title {

  font: 1.35rem/1.2em Sentinel Ssm A, Sentinel Ssm B, serif;

  font-size: 1.35rem;

  line-height: 1.2em;

  font-family: Sentinel Ssm A, Sentinel Ssm B, serif;

  margin-bottom: 0px;

}



.listing__date {

  font-size: 0.8em;

  font-weight: 700;

  color: #999999;

}



.listing__tag {

  font-style: italic;

}

.listing__tag a {

  color: #999999 !important;

}

.listing__tag a:hover {

  color: black;

}



p {

  margin: 0 0 24px;

}



a {

  color: #578270;

  text-decoration: none;

}

a:hover {

  color: #4B4B4B;

}

a:active, a:focus {

  color: #4B4B4B;

  outline: none;

}



hr {

  border-bottom: 1px solid #DDD;

  border-left: none;

  border-right: none;

  border-top: none;

  margin: 24px 0;

}



img,

video {

  margin: 0;

  max-width: 100%;

  height: auto;

}



abbr, acronym {

  border-bottom: 1px dotted #DDD;

  cursor: help;

}



address {

  display: block;

  margin: 0 0 12px;

}



hgroup {

  margin-bottom: 12px;

}



del {

  color: #717171;

}



blockquote {

  border: 0 none;

  color: #595959;

  margin: 0 0 24px 24px;

}

@media screen and (min-width: 48em) {

  blockquote {

    border-left: 3px solid #DDD;

    padding-left: 36px;

  }

}



cite {

  color: #8b8b8b;

  font-style: italic;

}

cite:before {

  content: '\2014 \00A0';

}



input, textarea {

  -webkit-appearance: none;

  -webkit-border-radius: 0;

}



/**

 * Heading groups and generic any-heading class.

 * To target any heading of any level simply apply a class of `.hN`, e.g.:

 *

   <hgroup>

       <h1 class=hN>inuit.css</h1>

       <h2 class=hN>Best. Framework. Ever!</h2>

   </hgroup>

 *

 */

hgroup .hN {

  margin-bottom: 0;

}



/**

 * A series of classes for setting massive type; for use in heroes, mastheads,

 * promos, etc.

 */

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

    $SMALLPRINT

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

/**

 * A series of classes for setting tiny type; for use in smallprint etc.

 */

/** Social Icon Mixin **/