@charset "UTF-8";
/* ==========================================================================
   Bourbon
   ========================================================================== */
/* ==========================================================================
   #Grid Settings
   ========================================================================== */
/* Grid variables
   ========================================================================== */
/* Media Queries
   ========================================================================== */
@import url("https://use.typekit.net/gdf3ysm.css");
@import url(../../bower_components/parsleyjs/src/parsley.css);
@import url("https://use.typekit.net/gdf3ysm.css");
/* line 4, node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
html {
  box-sizing: border-box;
}

/* line 9, node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
  box-sizing: inherit;
}

/* ==========================================================================
   #Global variables
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Misc
   ========================================================================== */
/* ==========================================================================
   Spacing
   ========================================================================== */
/* ==========================================================================
   Colors
   ========================================================================== */
/*doc
---
title: Colors
name: colors
category: Base - Colors
---

<div class="c-color-swatch t-bg-white">t-bg-white<br>#fff
</div>
<div class="c-color-swatch t-bg-black">t-bg-black<br>#232121
</div>
<div class="c-color-swatch t-bg-blue">t-bg-black<br>#132C3A
</div>
*/
/* line 71, scss/settings/_colors.scss */
.c-color-swatch {
  border: 1px solid #ccc;
  display: inline-block;
  width: 300px;
  height: 200px;
  margin: 1.5rem;
  padding: 1.5rem;
}

/* ==========================================================================
   #Mixins
   ========================================================================== */
/* Grid class generator
   ========================================================================== */
@media screen and (min-width: 0) {
  /* line 13, scss/tools/_mixins.scss */
  .sm-1 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 4.90109%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-1:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-2 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 13.54645%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-2:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-3 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 22.1918%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-3:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-4 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 30.83716%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-4:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-5 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 39.48251%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-5:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-6 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 48.12787%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-6:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-7 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 56.77322%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-7:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-8 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 65.41858%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-8:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-9 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 74.06393%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-9:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-10 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 82.70929%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-10:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-11 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 91.35464%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-11:last-child {
    margin-right: 0;
  }
  /* line 13, scss/tools/_mixins.scss */
  .sm-12 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 100%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .sm-12:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 640px) {
  /* line 21, scss/tools/_mixins.scss */
  .md-1 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 4.90109%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-1:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-2 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 13.54645%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-2:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-3 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 22.1918%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-3:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-4 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 30.83716%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-4:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-5 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 39.48251%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-5:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-6 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 48.12787%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-6:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-7 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 56.77322%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-7:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-8 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 65.41858%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-8:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-9 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 74.06393%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-9:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-10 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 82.70929%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-10:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-11 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 91.35464%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-11:last-child {
    margin-right: 0;
  }
  /* line 21, scss/tools/_mixins.scss */
  .md-12 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 100%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-12:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  /* line 29, scss/tools/_mixins.scss */
  .lg-1 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 4.90109%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-1:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-2 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 13.54645%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-2:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-3 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 22.1918%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-3:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-4 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 30.83716%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-4:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-5 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 39.48251%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-5:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-6 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 48.12787%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-6:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-7 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 56.77322%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-7:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-8 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 65.41858%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-8:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-9 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 74.06393%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-9:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-10 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 82.70929%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-10:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-11 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 91.35464%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-11:last-child {
    margin-right: 0;
  }
  /* line 29, scss/tools/_mixins.scss */
  .lg-12 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 100%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-12:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 0) {
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-1 {
    margin-left: 8.64536%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-2 {
    margin-left: 17.29071%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-3 {
    margin-left: 25.93607%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-4 {
    margin-left: 34.58142%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-5 {
    margin-left: 43.22678%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-6 {
    margin-left: 51.87213%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-7 {
    margin-left: 60.51749%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-8 {
    margin-left: 69.16284%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-9 {
    margin-left: 77.8082%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-10 {
    margin-left: 86.45355%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-11 {
    margin-left: 95.09891%;
  }
  /* line 44, scss/tools/_mixins.scss */
  .sm-shift-12 {
    margin-left: 103.74426%;
  }
}

@media screen and (min-width: 640px) {
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-1 {
    margin-left: 8.64536%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-2 {
    margin-left: 17.29071%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-3 {
    margin-left: 25.93607%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-4 {
    margin-left: 34.58142%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-5 {
    margin-left: 43.22678%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-6 {
    margin-left: 51.87213%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-7 {
    margin-left: 60.51749%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-8 {
    margin-left: 69.16284%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-9 {
    margin-left: 77.8082%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-10 {
    margin-left: 86.45355%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-11 {
    margin-left: 95.09891%;
  }
  /* line 50, scss/tools/_mixins.scss */
  .md-shift-12 {
    margin-left: 103.74426%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-1 {
    margin-left: 8.64536%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-2 {
    margin-left: 17.29071%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-3 {
    margin-left: 25.93607%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-4 {
    margin-left: 34.58142%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-5 {
    margin-left: 43.22678%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-6 {
    margin-left: 51.87213%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-7 {
    margin-left: 60.51749%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-8 {
    margin-left: 69.16284%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-9 {
    margin-left: 77.8082%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-10 {
    margin-left: 86.45355%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-11 {
    margin-left: 95.09891%;
  }
  /* line 56, scss/tools/_mixins.scss */
  .lg-shift-12 {
    margin-left: 103.74426%;
  }
}

/* Palette mixin
   ========================================================================== */
/* Font size mixin
   ========================================================================== */
/* Other mixins
   ========================================================================== */
@-webkit-keyframes fadeInOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: .5;
  }
}

@keyframes fadeInOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: .5;
  }
}

/* ==========================================================================
   #Reset
   ========================================================================== */
/* line 6, scss/generic/_reset.scss */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0;
}

/* line 39, scss/generic/_reset.scss */
abbr[title],
dfn[title] {
  cursor: help;
}

/* line 49, scss/generic/_reset.scss */
u,
ins {
  text-decoration: none;
}

/* line 59, scss/generic/_reset.scss */
ins {
  border-bottom: 1px solid;
}

/* ==========================================================================
   #Shared styles - Mainly for setting bottom margin
   ========================================================================== */
/* line 5, scss/generic/_shared.scss */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre,
input,
button,
.c-btn,
textarea {
  margin: 0 0 1.5rem;
  padding: 0;
}

/* ==========================================================================
   #Page
   - High level page styling, HTML tag only.
   ========================================================================== */
/*doc
---
title: Page
name: page
category: Base - Page
---

This file contains settings for the entire site with font-family, line-height,
and font size values.  These should only be adjusted at the very beginning
of a project.

Variables can be found in `settings/_global.scss`.

```
html {
  font-family: $f-sans;
  line-height: $base-line-height; // usually 24px
  font-size: $base-font-size-px; // usually 16px
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
```
*/
/* line 35, scss/base/_page.scss */
html {
  font-family: "Nimbus Sans", sans-serif;
  line-height: 1.5;
  font-size: 16px;
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #232121;
  overflow-x: hidden;
}

/* line 49, scss/base/_page.scss */
a, img, span, div {
  transition: all .2s ease;
}

/* line 57, scss/base/_page.scss */
body {
  overflow-x: hidden;
}

/* ==========================================================================
   Form elements
   ========================================================================== */
/*doc
---
title: Forms
name: a_forms
category: Base - Forms
---

Default styling for form elements.  All of the elements should be used within
a `<form>` tag.  These will hit all form elements including those generated 
from drupal or Wordpress.

*/
/* line 19, scss/base/_forms.scss */
label {
  display: block;
}

/*doc
---
title: Text inputs
name: a_text_inputs
category: Base - Forms
---

```html_example
<form>
  <p><label for="text_field">Text Field:</label>
    <input type="text" id="text_field"></p>

  <p><label for="text_area">Text Area:</label>
    <textarea id="text_area"></textarea></p>
</form>
```
*/
/* line 43, scss/base/_forms.scss */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  border: 1px solid #ddd;
  padding: .35rem;
}

/* line 47, scss/base/_forms.scss */
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  box-shadow: none;
  outline: 0;
}

/* line 53, scss/base/_forms.scss */
textarea {
  min-height: 4.6875rem;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

/*doc
---
title: Fieldsets
name: d-fieldsets
category: Base - Forms
---

```html_example
<form>
  <fieldset>
    <input type="text" placeholder="First name">
  </fieldset>
</form>
```
*/
/* line 80, scss/base/_forms.scss */
fieldset {
  border: 1px solid #ddd;
  margin: 0 0 0.75rem;
  padding: 1.5rem;
}

/* line 86, scss/base/_forms.scss */
[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/*doc
---
title: Checkbox/Radios
name: c-checkbox
category: Base - Forms
---

```html_example
<p><label for="checkboxes">Checkboxes:</label>
  <label>
    <input type="checkbox" class="checkbox" name="checkboxes" value="check_1"> Checkbox 1
  </label>
  <label>
    <input type="checkbox" class="checkbox" name="checkboxes" value="check_2"> Checkbox 2
  </label>
  <label>
    <input type="checkbox" class="checkbox" name="checkboxes" value="check_3"> Checkbox 3
  </label>
</p>

<p><label for="radio_buttons">Radio Buttons:</label>
  <label>
    <input type="radio" class="radio" name="radio_button" value="radio_1"> Radio 1
  </label>
  <label>
    <input type="radio" class="radio" name="radio_button" value="radio_2"> Radio 2
  </label>
  <label>
    <input type="radio" class="radio" name="radio_button" value="radio_3"> Radio 3
  </label>
</p>
```
*/
/* line 128, scss/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375rem;
}

/* line 133, scss/base/_forms.scss */
[type="checkbox"] + label,
[type="radio"] + label {
  display: inline-block;
}

/* line 138, scss/base/_forms.scss */
[type="file"] {
  margin-bottom: 0.75rem;
  width: 100%;
}

/*doc
---
title: Select list
name: b-select-list
category: Base - Forms
---

```html_example
<p><label for="select_element">Select Element:</label>
  <select name="select_element">
    <optgroup label="Option Group 1">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </optgroup>
    <optgroup label="Option Group 2">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </optgroup>
</select></p>
```
*/
/* line 171, scss/base/_forms.scss */
select {
  margin-bottom: 1.5rem;
  max-width: 100%;
  width: auto;
}

/* ==========================================================================
   #Headings
   ========================================================================== */
/*doc
---
title: Headings
name: headings
category: Base - Headings
---

Default styling for headings 1-6

```html_example
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
```
*/
/* line 24, scss/base/_headings.scss */
h1,
.alpha {
  font-size: 1.875rem;
  line-height: 1.6;
  font-family: "Georgia", serif;
  font-style: italic;
  font-weight: normal;
}

/* line 32, scss/base/_headings.scss */
h2,
.beta {
  font-size: 1.875rem;
  line-height: 1.6;
  font-weight: normal;
  font-weight: 300;
  text-transform: uppercase;
}

/* line 40, scss/base/_headings.scss */
h3,
.gamma {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: normal;
  font-weight: 300;
  text-transform: uppercase;
}

/* line 48, scss/base/_headings.scss */
h4,
.delta {
  font-size: 1.3125rem;
  line-height: 1.14286;
  font-family: "Georgia", serif;
  font-style: italic;
  font-weight: 300;
  font-weight: normal;
}

/* line 57, scss/base/_headings.scss */
h5,
.epsilon {
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 400;
}

/* line 63, scss/base/_headings.scss */
h6,
.zeta {
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 300;
}

/* ==========================================================================
   #Images
   ========================================================================== */
/*doc
---
title: Images
name: images
category: Base - Images
---

Default styling for the image tag.  This sets a `max-width` of 100%
to make all images responsive

```html_example
<img src="http://placehold.it/100x100">
```
*/
/* line 20, scss/base/_images.scss */
img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   #Block quotes
   ========================================================================== */
/*doc
---
title: Block quotes
name: quotes
category: Base - Block quotes
---

Default styling for block quotes.

```html_example
<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam elementum, enim at varius suscipit, tellus sem blandit lectus, quis pharetra mi risus in sapien. </p> <cite>By someone special</cite>
</blockquote>
```
*/
/* line 21, scss/base/_quotes.scss */
blockquote,
.c-content blockquote {
  background: 0;
  margin: 0 auto 3.3125rem;
  max-width: 43.25rem;
}

/* line 26, scss/base/_quotes.scss */
blockquote p,
.c-content blockquote p {
  font-size: 1.875rem;
  line-height: 2.5rem;
  text-align: center;
  font-style: italic;
  font-family: "Georgia", serif;
  color: #8d9398;
  margin-bottom: 0;
}

/* line 35, scss/base/_quotes.scss */
blockquote:before, blockquote:after,
.c-content blockquote:before,
.c-content blockquote:after {
  content: "";
  display: block;
  max-width: 34.375rem;
  margin: 2.625rem auto;
  border: 1px solid #b1b9be;
  height: 1px;
}

/* line 44, scss/base/_quotes.scss */
blockquote p:after,
blockquote p:before,
.c-content blockquote p:after,
.c-content blockquote p:before {
  opacity: .3;
  font-size: 8.125rem;
  display: inline-block;
}

/* line 51, scss/base/_quotes.scss */
blockquote p:first-child:after,
.c-content blockquote p:first-child:after {
  content: "";
  background: url("../../img/quote-right.png");
  height: 33px;
  width: 44px;
  margin-left: 5px;
}

/* line 58, scss/base/_quotes.scss */
blockquote p:first-child:before,
.c-content blockquote p:first-child:before {
  content: "";
  background: url("../../img/quote-left.png");
  height: 33px;
  width: 44px;
  vertical-align: 7px;
}

/* line 66, scss/base/_quotes.scss */
blockquote cite,
.c-content blockquote cite {
  display: block;
  font-weight: 500;
  font-size: 1.25rem;
  font-style: italic;
  font-family: "Georgia", serif;
  text-align: right;
}

/* line 75, scss/base/_quotes.scss */
blockquote cite:before,
.c-content blockquote cite:before {
  content: "- ";
}

/* line 83, scss/base/_quotes.scss */
.c-content blockquote.no-border:before, .c-content blockquote.no-border:after {
  content: "";
  border: 0;
}

/* ==========================================================================
   #Links
   ========================================================================== */
/*doc
---
title: Links
name: links
category: Base - Links
---

Default styling for links.

```html_example
<a href="#">Content</a>
```
*/
/* line 19, scss/base/_links.scss */
a {
  color: #9b282b;
  text-decoration: none;
}

/* line 24, scss/base/_links.scss */
a:link,
a:visited {
  color: #132C3A;
}

/* line 27, scss/base/_links.scss */
a:hover {
  color: #232121;
}

/* line 28, scss/base/_links.scss */
a:active {
  transition: color 0.3s;
  color: #721e20;
}

/* ==========================================================================
   #Lists
   ========================================================================== */
/*doc
---
title: Lists
name: lists
category: Base - Lists
---
```html_example
<ul>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Sed at facilisis dolor</li>
  <li>Donec sit amet fringilla leo</li>
  <li>Suspendisse gravida dapibus sapien et posuere</li>
</ul>
<ol>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Sed at facilisis dolor</li>
  <li>Donec sit amet fringilla leo</li>
  <li>Suspendisse gravida dapibus sapien et posuere</li>
</ol>
```

Default styling for lists.
*/
/* line 30, scss/base/_lists.scss */
ul,
ol {
  list-style-type: none;
  padding: 0;
}

/* line 34, scss/base/_lists.scss */
ul li,
ol li {
  font-size: 1.125rem;
  line-height: 2.25rem;
  font-weight: 300;
}

/*doc
---
title: Unordered List
name: lists-u
category: Base - Lists
---

Unordered list default

```html_example
<ul>
  <li>List item 1</li>
  <li>List item 2</li>
</ul>
```
*/
/* line 61, scss/base/_lists.scss */
ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

/*doc
---
title: Ordered List
name: lists-o
category: Base - Lists
---

```html_example
<ol>
  <li>List item 1</li>
  <li>List item 2</li>
</ol>
```
*/
/* line 84, scss/base/_lists.scss */
ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
}

/*doc
---
title: Definition list
name: lists-d
category: Base - Lists
---

```html_example
<dl>
  <dt>Term</dt>
  <dd>Description</dd>
  <dt>Term</dt>
  <dd>Description</dd>
</dl>
```
*/
/* line 111, scss/base/_lists.scss */
dl dt {
  font-weight: bold;
}

/* line 115, scss/base/_lists.scss */
dl dd {
  margin: 0;
}

/* ==========================================================================
   #Tables
   ========================================================================== */
/*doc
---
title: Tables
name: tables
category: Base - Tables
---

Default styling for tables.

```html_example
<table>
  <thead>
    <tr>
      <th>One column</th>
      <th>Two column</th>
      <th>Three column</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>One column</td>
      <td>Two column</td>
      <td>Three column</td>
    </tr>
    <tr>
      <td>One column</td>
      <td>Two column</td>
      <td>Three column</td>
    </tr>
    <tr>
      <td>One column</td>
      <td>Two column</td>
      <td>Three column</td>
    </tr>
  </tbody>
</table>
```

*/
/* line 45, scss/base/_tables.scss */
table {
  border-collapse: collapse;
  -webkit-font-feature-settings: 'kern', 'liga', 'tnum';
          font-feature-settings: 'kern', 'liga', 'tnum';
  margin: 0.75rem 0;
  table-layout: fixed;
  width: 100%;
}

/* line 53, scss/base/_tables.scss */
th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75rem 0;
  text-align: left;
}

/* line 60, scss/base/_tables.scss */
td {
  border-bottom: 1px solid #ddd;
  padding: 0.75rem 0;
}

/* line 65, scss/base/_tables.scss */
tr,
td,
th {
  vertical-align: middle;
}

/* ==========================================================================
   #Type
   ========================================================================== */
/* line 7, scss/base/_type.scss */
body {
  font-size: 1rem;
  line-height: 1.5;
}

/* line 14, scss/base/_type.scss */
hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5rem 0;
}

/* ==========================================================================
   #o-Bands
   ========================================================================== */
/*doc
---
title: Default band
name: band
category: Object - Band
---

Bands are full-width sections of layout with padding on the top and bottom that can contain different backgrounds

```html_example
<div class="o-band wf">
  <div>[components go here]</div>
</div>
```
*/
/* line 21, scss/objects/_band.scss */
.o-band {
  padding: 4rem 0;
}

/*doc
---
title: Small band
name: small-band
category: Object - Band
---

Small band has decreased top and bottom padding.

```html_example
<div class="o-band--small wf">
  <div>[components go here]</div>
</div>
```
*/
/* line 45, scss/objects/_band.scss */
.o-band--small {
  padding: 2rem 0;
}

/*doc
---
title: Flush band
name: flush-band
category: Object - Band
---

Flush band removes all padding.

```html_example
<div class="o-band--flush wf">
  <div>[components go here]</div>
</div>
```
*/
/* line 69, scss/objects/_band.scss */
.o-band--flush {
  padding: 0;
}

/* ==========================================================================
   Box
   ========================================================================== */
/*doc
---
title: Box
name: box
category: Object - Box
---

Box should be applied to anything with padding all the way around.

```html_example
<div class="o-box">
  <div>Base spacing box</div>
</div>
<br>
<div class="o-box--small o-box--highlight">
  <div>Small box with highlight</div>
</div>    
```
*/
/* line 25, scss/objects/_box.scss */
.o-box, .o-box--small {
  display: block;
  padding: 1.5rem;
}

@media screen and (min-width: 1024px) {
  /* line 25, scss/objects/_box.scss */
  .o-box, .o-box--small {
    padding: 1.5rem;
  }
}

/* line 38, scss/objects/_box.scss */
.o-box--small {
  padding: 0.75rem;
}

/* ==========================================================================
   #o-Grid
   ========================================================================== */
/* line 6, scss/objects/_grid.scss */
.o-grid {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  max-width: 62.0625rem;
}

/* line 20, node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.o-grid::after {
  clear: both;
  content: "";
  display: table;
}

/* line 11, scss/objects/_grid.scss */
.o-grid .o-grid {
  padding: 0;
}

/* ==========================================================================
   #Block-grid
   ========================================================================== */
/* Small block grids
   ========================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 26, scss/objects/_grid.scss */
  .bg-sm-2 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 48.12787%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-sm-2 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-sm-2 > li:nth-child(2n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-sm-2 > li:nth-child(2n+1) {
    clear: left;
  }
}

/* Medium block grids
   ========================================================================== */
@media screen and (min-width: 640px) and (max-width: 1024px) {
  /* line 37, scss/objects/_grid.scss */
  .bg-md-1 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 100%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-md-1 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-1 > li:nth-child(1n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-1 > li:nth-child(1n+1) {
    clear: left;
  }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  /* line 44, scss/objects/_grid.scss */
  .bg-md-2 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 48.12787%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-md-2 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-2 > li:nth-child(2n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-2 > li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  /* line 51, scss/objects/_grid.scss */
  .bg-md-3 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 30.83716%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-md-3 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-3 > li:nth-child(3n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-3 > li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  /* line 58, scss/objects/_grid.scss */
  .bg-md-4 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 22.1918%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-md-4 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-4 > li:nth-child(4n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-4 > li:nth-child(4n+1) {
    clear: left;
  }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  /* line 65, scss/objects/_grid.scss */
  .bg-md-5 > li {
    float: left;
    display: block;
    margin-right: 4.52701%;
    width: 16.37839%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-md-5 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-5 > li:nth-child(5n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-5 > li:nth-child(5n+1) {
    clear: left;
  }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  /* line 72, scss/objects/_grid.scss */
  .bg-md-6 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 13.54645%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-md-6 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-6 > li:nth-child(6n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-md-6 > li:nth-child(6n+1) {
    clear: left;
  }
}

/* Large block grids
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* line 83, scss/objects/_grid.scss */
  .bg-lg-1 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 100%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-1 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-1 > li:nth-child(1n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-1 > li:nth-child(1n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 90, scss/objects/_grid.scss */
  .bg-lg-2 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 48.12787%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-2 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-2 > li:nth-child(2n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-2 > li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 97, scss/objects/_grid.scss */
  .bg-lg-3 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 30.83716%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-3 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-3 > li:nth-child(3n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-3 > li:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 104, scss/objects/_grid.scss */
  .bg-lg-4 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 22.1918%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-4 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-4 > li:nth-child(4n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-4 > li:nth-child(4n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 111, scss/objects/_grid.scss */
  .bg-lg-5 > li {
    float: left;
    display: block;
    margin-right: 4.52701%;
    width: 16.37839%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-5 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-5 > li:nth-child(5n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-5 > li:nth-child(5n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 118, scss/objects/_grid.scss */
  .bg-lg-6 > li {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 13.54645%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-6 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-6 > li:nth-child(6n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-6 > li:nth-child(6n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 125, scss/objects/_grid.scss */
  .bg-lg-7 > li {
    float: left;
    display: block;
    margin-right: 3.19229%;
    width: 11.54947%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-7 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-7 > li:nth-child(7n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-7 > li:nth-child(7n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 132, scss/objects/_grid.scss */
  .bg-lg-8 > li {
    float: left;
    display: block;
    margin-right: 2.78215%;
    width: 10.06562%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-8 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-8 > li:nth-child(8n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-8 > li:nth-child(8n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 139, scss/objects/_grid.scss */
  .bg-lg-9 > li {
    float: left;
    display: block;
    margin-right: 2.4654%;
    width: 8.91964%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-9 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-9 > li:nth-child(9n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-9 > li:nth-child(9n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 146, scss/objects/_grid.scss */
  .bg-lg-10 > li {
    float: left;
    display: block;
    margin-right: 2.21341%;
    width: 8.00793%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .bg-lg-10 > li:last-child {
    margin-right: 0;
  }
  /* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-10 > li:nth-child(10n) {
    margin-right: 0;
  }
  /* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .bg-lg-10 > li:nth-child(10n+1) {
    clear: left;
  }
}

/* ==========================================================================
   Nav object
   ========================================================================== */
/*doc
---
title: Default
name: nav-ob
category: Object - Nav
---

Displays list inline.  This will automatically throw the list into a vertical for small only.

```html_example
<ul class='o-nav'>
  <li><a href='#'>Home</a></li>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Portfolio</a></li>
  <li><a href='#'>Contact</a></li>
</ul>
```
*/
/* line 24, scss/objects/_nav.scss */
.o-nav {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

/* line 31, scss/objects/_nav.scss */
.o-nav > li,
.o-nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 31, scss/objects/_nav.scss */
  .o-nav > li,
  .o-nav > li > a {
    display: block;
  }
}

/*doc
---
title: Stacked
name: nav-ob-stacked
category: Object - Nav
---

`.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.

```html_example
<ul class='o-nav o-nav--stacked'>
  <li><a href='#'>Home</a></li>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Portfolio</a></li>
  <li><a href='#'>Contact</a></li>
</ul>
```
*/
/* line 70, scss/objects/_nav.scss */
.o-nav--stacked > li {
  display: list-item;
}

/* line 73, scss/objects/_nav.scss */
.o-nav--stacked > li > a {
  display: block;
}

/*doc
---
title: Banner
name: nav-ob-banner
category: Object - Nav
---

`.nav--banner` extends `.nav` and centers the list, e.g.:

```html_example
<ul class='o-nav o-nav--banner'>
  <li><a href='#'>Home</a></li>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Portfolio</a></li>
  <li><a href='#'>Contact</a></li>
</ul>
```
*/
/* line 102, scss/objects/_nav.scss */
.o-nav--banner {
  text-align: center;
}

/* ==========================================================================
   UI row
   ========================================================================== */
/*doc
---
title: UI Row
name: ui-row
category: Object - UI Row
---

Provides padding on the top and bottom of a row along with a border.

```html_example
<div class="o-ui-row">
  <p>Components go here.</p>
</div>
```
*/
/* line 21, scss/objects/_ui-row.scss */
.o-ui-row {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #ccc;
  padding: 3rem 0;
}

/* line 20, node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.o-ui-row::after {
  clear: both;
  content: "";
  display: table;
}

/* line 28, scss/objects/_ui-row.scss */
.o-ui-row--small {
  padding: 2rem 0;
}

/* line 33, scss/objects/_ui-row.scss */
.o-ui-row--flush {
  padding: 0;
}

/* line 38, scss/objects/_ui-row.scss */
.o-ui-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* line 43, scss/objects/_ui-row.scss */
.o-ui-row:first-child {
  padding-top: 0;
}

/* ==========================================================================
   #Video
   ========================================================================== */
/*doc
---
title: Video
name: video
category: Object - Video
---

This is a port of foundations `flex video`.  Add this as a wrapper around any video code
to make it work responsively.

```html_example
<p>Example</p>
```
*/
/* line 20, scss/objects/_video.scss */
.o-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

/* line 26, scss/objects/_video.scss */
.o-video embed,
.o-video object,
.o-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* ==========================================================================
   #Wrap
   ========================================================================== */
/* line 5, scss/objects/_wrap.scss */
.o-wrap {
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

/* ==========================================================================
   #Alerts
   ========================================================================== */
/*doc
--- 
title: Success
name: alert_success
category: Components - Alert
---

Success alert used in drupal.  Mainly displayed after saving or
creating content.

```html_example
<div class="c-alert--success">
 Congratulations!  You successfully saved node <a href="#">4,153</a>.
</div>
```
*/
/* line 22, scss/components/_alerts.scss */
.c-alert--success, .c-alert--error, .c-alert--status {
  border-radius: 5px;
  padding: 1.5rem 50px 1.5rem 1.5rem;
  position: relative;
  margin: 1.5rem 0;
}

/* line 28, scss/components/_alerts.scss */
.c-alert--success .close, .c-alert--error .close, .c-alert--status .close {
  position: absolute;
  right: 25px;
  top: 50%;
  font-size: 1.6rem;
  line-height: 1;
  margin-top: -12px;
}

/* line 38, scss/components/_alerts.scss */
.c-alert--success {
  background-color: #dfefe9;
  color: #0a8754;
}

/* line 43, scss/components/_alerts.scss */
.c-alert--success a:link,
.c-alert--success a:visited {
  color: #0a8754;
  font-weight: 700;
  text-decoration: underline;
}

/* line 50, scss/components/_alerts.scss */
.c-alert--success a:hover {
  color: #000;
}

/* line 52, scss/components/_alerts.scss */
.c-alert--success .close:link,
.c-alert--success .close:visited {
  color: #0a8754;
  text-decoration: underline;
}

/*doc
---
title: Error
name: alert_error
category: Components - Alert
---

Error alert used in drupal.  Mainly displayed when there are PHP errors,
out-of-date modules or core.

```html_example
<div class="c-alert--error">
 Guess what... you have 4,000 <a href="#">modules</a> out-of-date!
</div>
```
*/
/* line 77, scss/components/_alerts.scss */
.c-alert--error {
  background-color: #f9dbe4;
  color: #d11149;
}

/* line 82, scss/components/_alerts.scss */
.c-alert--error a:link,
.c-alert--error a:visited {
  color: #d11149;
  font-weight: 700;
  text-decoration: underline;
}

/* line 89, scss/components/_alerts.scss */
.c-alert--error a:hover {
  color: #000;
}

/* line 91, scss/components/_alerts.scss */
.c-alert--error .close:link,
.c-alert--error .close:visited {
  color: #d11149;
  text-decoration: underline;
}

/*doc
---
title: Status
name: alert_status
category: Components - Alert
---

Status alert used in drupal.  Default status message for drupal

```html_example
<div class="c-alert--status">
  I'm the default Drupal status message, isn't that <a href="#">cool</a>?
</div>
```
*/
/* line 114, scss/components/_alerts.scss */
.c-alert--status {
  background-color: #e0ebf9;
  color: #2f77d1;
}

/* line 119, scss/components/_alerts.scss */
.c-alert--status a:link,
.c-alert--status a:visited {
  color: #2f77d1;
  font-weight: 700;
  text-decoration: underline;
}

/* line 126, scss/components/_alerts.scss */
.c-alert--status a:hover {
  color: #000;
}

/* line 128, scss/components/_alerts.scss */
.c-alert--status .close:link,
.c-alert--status .close:visited {
  color: #2f77d1;
  text-decoration: underline;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
/*doc
---
title: Button sizes
name: button-sizes
category: Components - Button
---

Here are the following button sizes and their modifier classes.

Button  |  Modifier Class
--------|-----------------------------------------
<button class='c-btn c-btn--small'>Small button</button> | `btn btn--small`
<button class='c-btn c-btn--default'>Default button</button> | `btn btn--default`
<button class='c-btn c-btn--medium'>Medium button</button> | `btn btn--medium`
<button class='c-btn c-btn--large c-btn--blue'>Large button</button> | `btn btn--large`
*/
/* Dynamic button mixin
  ========================================================================== */
/* Static button styles
  ========================================================================== */
/* line 65, scss/components/_buttons.scss */
.c-btn {
  border: 0;
  color: #fff;
  display: inline-block;
  font-family: "Nimbus Sans", sans-serif;
  font-size: 1rem;
  line-height: 1;
  padding: .75rem 1rem;
  -webkit-font-smoothing: antialiased;
  background-color: #9b282b;
}

/* line 76, scss/components/_buttons.scss */
.c-btn:link, .c-btn:visited {
  color: #fff;
}

/* line 79, scss/components/_buttons.scss */
.c-btn:hover {
  background-color: #af2d31;
}

/* line 81, scss/components/_buttons.scss */
.c-btn:focus {
  background-color: #872325;
}

/* line 53, scss/components/_buttons.scss */
.c-btn--small {
  font-size: 0.8rem;
}

/* line 53, scss/components/_buttons.scss */
.c-btn--default {
  font-size: 1rem;
}

/* line 53, scss/components/_buttons.scss */
.c-btn--medium {
  font-size: 1.3rem;
}

/* line 53, scss/components/_buttons.scss */
.c-btn--large {
  font-size: 1.8rem;
}

/* line 27, scss/components/_buttons.scss */
.c-btn--primary {
  background-color: #9b282b;
  color: #fff;
}

/* line 40, scss/components/_buttons.scss */
.c-btn--primary:hover {
  background-color: #af2d31;
}

/* line 46, scss/components/_buttons.scss */
.c-btn--primary:link, .c-btn--primary:visited {
  color: #fff;
}

/* line 49, scss/components/_buttons.scss */
.c-btn--primary:focus {
  background-color: #872325;
}

/* ==========================================================================
   Content component
   ========================================================================== */
/*doc
---
title: Content
name: content
category: Components - Content
---

```html_example
<div class="o-grid c-content">
						<h1 class="c-content__title">Alternative Title</h1>
						<div class="lg-12">


					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet egestas risus. Duis sagittis faucibus iaculis. Nulla semper quam suscipit nisl accumsan, sit amet cursus odio rutrum. Mauris consectetur ipsum ante, at aliquet neque tempus sed. Maecenas non pharetra dolor, sed faucibus felis. Aliquam semper laoreet quam a condimentum. Sed gravida neque tempus enim congue, ac mollis erat pulvinar. Aenean dignissim augue ut augue rutrum, eu pulvinar purus imperdiet. In ac lacinia mi. Cras rutrum velit nec justo hendrerit pretium. Suspendisse dictum ex vitae facilisis porta. Curabitur pellentesque, velit non cursus ornare, ex turpis vulputate libero, id facilisis metus massa nec erat. Cras id sodales mauris.</p>
<p><img src="http://via.placeholder.com/400x300" alt="" width="946" height="532" class="alignright size-full wp-image-46" srcset="http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/work.jpg 946w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/work-300x169.jpg 300w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/work-768x432.jpg 768w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/work-250x141.jpg 250w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/work-711x400.jpg 711w" sizes="(max-width: 946px) 100vw, 946px">Duis pretium aliquam nibh, vitae consequat velit dignissim ac. Integer vel sapien eu est sagittis consequat. Quisque consectetur tellus et leo faucibus eleifend. Pellentesque laoreet mauris in lacus ultrices imperdiet. Proin accumsan tortor sagittis libero pharetra placerat. Nam et nisl urna. Donec vel libero interdum, iaculis arcu nec, lobortis neque. Aliquam posuere vulputate sem sed scelerisque. Nullam porta odio a commodo imperdiet. Nunc tincidunt, ante non efficitur dapibus, tellus augue tristique libero, in ultrices est nibh et ligula. Vivamus tincidunt ex ac nulla tincidunt iaculis. Nulla tempus accumsan auctor.</p>
<ul>
<li>Duis pretium aliquam nibh</li>
<li>Pellentesque laoreet mauris</li>
<li>Aliquam posuere vulputate sem sed</li>
<li>Praesent tempor nibh sit amet velit</li>
</ul>
<h2>Praesent tempor nibh</h2>
<p>Morbi sapien erat, commodo vel tincidunt ut, auctor quis lectus. Curabitur iaculis neque urna, non tempus massa iaculis id. Donec at dapibus enim, ut mollis tortor. Aenean sit amet suscipit nibh. Curabitur gravida quam lacus, eu elementum neque porta a. Praesent congue enim in urna semper, nec varius turpis ultrices. Praesent tempor nibh sit amet velit ultricies maximus sit amet at velit. Aliquam mi sem, convallis tincidunt tempor placerat, hendrerit sit amet neque.</p>
<p><img src="http://via.placeholder.com/400x300" alt="" width="2400" height="1600" class="alignleft size-full wp-image-44" srcset="http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/Candids-016-1-for-team-page.jpg 2400w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/Candids-016-1-for-team-page-300x200.jpg 300w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/Candids-016-1-for-team-page-768x512.jpg 768w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/Candids-016-1-for-team-page-1024x683.jpg 1024w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/Candids-016-1-for-team-page-250x167.jpg 250w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/Candids-016-1-for-team-page-600x400.jpg 600w" sizes="(max-width: 2400px) 100vw, 2400px">Aliquam in pellentesque nibh. Duis molestie mauris a felis sagittis, vel maximus ligula pharetra. Fusce et lacus ac leo venenatis luctus. Morbi ut purus blandit, pulvinar lorem in, tempus erat. Maecenas ut libero auctor ipsum rutrum tristique. Maecenas varius quam non volutpat molestie. Proin hendrerit vehicula volutpat. Nulla vehicula tincidunt interdum. Nam tincidunt sit amet leo eget fringilla. Phasellus feugiat mi pretium justo consequat molestie. Cras porttitor velit est, at vestibulum ante lobortis nec.</p>
<h3>Suspendisse potenti</h3>
<ul class="c-callout">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis vulputate velit id dignissim. Fusce vehicula, nunc at commodo fringilla.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis vulputate velit id dignissim. Fusce vehicula, nunc at commodo fringilla.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis vulputate velit id dignissim. Fusce vehicula, nunc at commodo fringilla.</li>
</ul>
<p>Integer dictum dolor interdum sapien lobortis faucibus. Sed et mauris vitae orci commodo blandit. Nunc suscipit lacus et rutrum aliquam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus sed nulla eleifend, porttitor nulla quis, sollicitudin justo. Suspendisse potenti. Fusce lobortis tempus est, sed accumsan mauris ornare ac. Nunc semper erat eu metus posuere sagittis. Pellentesque est enim, lobortis ut fermentum eu, vulputate ac sem. Aliquam non turpis vitae tellus euismod condimentum. Fusce id dictum tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In sit amet tempus tortor. Vestibulum ultricies eros et velit tempus gravida. Donec interdum condimentum libero. Aenean justo elit, fermentum iaculis euismod sagittis, facilisis a eros.</p>
<p>Morbi sapien erat, commodo vel tincidunt ut, auctor quis lectus. Curabitur iaculis neque urna, non tempus massa iaculis id. Donec at dapibus enim, ut mollis tortor. Aenean sit amet suscipit nibh. Curabitur gravida quam lacus, eu elementum neque porta a. Praesent congue enim in urna semper, nec varius turpis ultrices. Praesent tempor nibh sit amet velit ultricies maximus sit amet at velit. Aliquam mi sem, convallis tincidunt tempor placerat, hendrerit sit amet neque.</p>
			</div>
</div>
```
*/
/* line 44, scss/components/_content.scss */
.c-content p {
  font-size: 1.125rem;
  line-height: 2.25rem;
  font-weight: 300;
  margin-bottom: 3.4375rem;
}

/* line 49, scss/components/_content.scss */
.c-content p a {
  text-decoration: underline;
}

/* line 54, scss/components/_content.scss */
.c-content ul, .c-content ol {
  margin-bottom: 3.4375rem;
}

/* line 58, scss/components/_content.scss */
.c-content h3 {
  margin-bottom: 2.875rem;
  text-transform: none;
}

/* line 63, scss/components/_content.scss */
.c-content__title {
  text-align: center;
  margin: 60px auto;
  font-size: 2rem;
}

@media screen and (min-width: 640px) {
  /* line 70, scss/components/_content.scss */
  .c-content .alignleft {
    float: left;
    max-width: 39%;
    margin: 0 2.5rem 1.25rem 0;
  }
}

@media screen and (min-width: 640px) {
  /* line 78, scss/components/_content.scss */
  .c-content .alignright {
    float: right;
    max-width: 39%;
    margin: 0 0 1.25rem 2.5rem;
  }
}

/* line 86, scss/components/_content.scss */
.c-content .alignnone {
  margin: 0 auto 0;
}

/* ==========================================================================
   Featured Pane
   ========================================================================== */
/*doc
---
title: Default
name: featured-pane
category: Components - Featured Pane
---

Featured panes inherit the `.box` object which can be found in `objects/_box.scss`

```html_example
<div class="c-featured-pane" style="background-image: url('http://via.placeholder.com/1920x1080');"></div>
```
*/
/* Full size featured pane
   ========================================================================== */
/* line 22, scss/components/_featured-pane.scss */
.c-featured-pane {
  height: 18.75rem;
  z-index: -1;
  position: relative;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 640px) {
  /* line 22, scss/components/_featured-pane.scss */
  .c-featured-pane {
    height: 31.0625rem;
    margin-top: -4.1875rem;
  }
}

/*doc
---
title: Small
name: featured-pane-small
category: Components - Featured Pane
---

Featured panes inherit the `.box` object which can be found in `objects/_box.scss`

```html_example
<div class="o-box c-featured-pane--small">
  <h4 class="c-featured-pane__source">Blog Post</h4>
  <h3 class="c-featured-pane__title">How to create an unscripted leadership platform of your own</h3>
</div>
```
*/
/* line 58, scss/components/_featured-pane.scss */
.c-featured-pane--small {
  background: #666;
  border: 1px solid #fff;
}

/* line 65, scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__source {
  font-size: 1rem;
}

/* line 70, scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__title {
  font-size: 1.2rem;
}

/* ==========================================================================
   List UI
   ========================================================================== */
/*doc
---
title: Default
name: list-ui
category: Components - List UI
---

Provides default styling for a list with a bottom border. This extends `.o-nav` and `.o-nav--stacked` in order to create stacked list.

```html_example
<ul class="o-nav o-nav--stacked c-list-ui">
  <li class="c-list-ui__item">
    <a class="c-list-ui__link" href="#">Link one</a>
  </li>
  <li class="c-list-ui__item">
    <a class="c-list-ui__link" href="#">Link two</a>
  </li>
</ul>
```
*/
/* line 28, scss/components/_list-ui.scss */
.c-list-ui__item {
  border-bottom: 1px solid #ececec;
  padding: .75rem 0;
}

/* line 35, scss/components/_list-ui.scss */
.c-list-ui__link:hover {
  color: #333;
}

/*doc
---
title: Blocky
name: list-ui-blocky
category: Components - List UI
---

This creates a large hit-area for the link and also applies hover styling.

```html_example
<ul class="o-nav o-nav--stacked c-list-ui--blocky">
  <li class="c-list-ui__item">
    <a class="c-list-ui__link" href="#">Link one</a>
  </li>
  <li class="c-list-ui__item">
    <a class="c-list-ui__link" href="#">Link two</a>
  </li>
</ul>
```
*/
/* line 68, scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__item {
  padding: 0;
}

/* line 72, scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__link {
  padding: .75rem 0;
}

/* line 76, scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__link:hover {
  color: #fff;
  background: #666;
}

/*doc
---
title: Extra text
name: list-ui-text
category: Components - List UI
---

Shows default `list-ui` with extra text.

```html_example
<ul class="o-nav o-nav--stacked c-list-ui">
  <li class="c-list-ui__item">
    <a class="c-list-ui__link" href="#">Link one</a>
    29 Sep, 2015 | New York, NY
  </li>
  <li class="c-list-ui__item">
    <a class="c-list-ui__link" href="#">Link two</a>
    29 Sep, 2015 | New York, NY
  </li>
</ul>
```
*/
/* ==========================================================================
   Logo component
   ========================================================================== */
/*doc
---
title: Logo
name: logo
category: Components - Logo
---

Contains all variations of client logos for a given project.

```html_example
<a href="#" class="c-logo--default"></a><br>
<a href="#" class="c-logo--reversed"></a>
```
*/
/* line 21, scss/components/_logo.scss */
.c-logo--default, .c-logo--reversed {
  display: block;
}

/* line 25, scss/components/_logo.scss */
.c-logo--default {
  background: url("https://placeholdit.imgix.net/~text?txtsize=26&txt=Logo&w=200&h=100");
  width: 200px;
  height: 100px;
}

/* line 33, scss/components/_logo.scss */
.c-logo--reversed {
  background: url("https://placeholdit.imgix.net/~text?txtsize=26&txt=Logo&w=300&h=200");
  width: 300px;
  height: 200px;
}

/* ==========================================================================
   Modal component
   ========================================================================== */
/*doc
---
title: Modal
name: modal
category: Components - Modal
---

```html_example
<p>Example</p>
```
*/
/* ==========================================================================
   #Overlay
   ========================================================================== */
/* line 6, scss/components/_overlay.scss */
.c-overlay {
  -webkit-transform: translateX(70%);
  transform: translateX(70%);
  background: #000;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 9998;
}

/* line 18, scss/components/_overlay.scss */
.c-overlay.is-active {
  -webkit-animation: fadeInOverlay 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
  animation: fadeInOverlay 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible;
}

@media screen and (min-width: 1024px) {
  /* line 18, scss/components/_overlay.scss */
  .c-overlay.is-active {
    visibility: hidden;
  }
}

/* ==========================================================================
   #Footer component
   ========================================================================== */
/* line 5, scss/components/_page-foot.scss */
.c-page-footer {
  padding-top: 10.125rem;
  text-align: center;
}

/* line 9, scss/components/_page-foot.scss */
.c-page-footer .sub-menu {
  display: none;
}

/* line 13, scss/components/_page-foot.scss */
.home .c-page-footer {
  display: none;
}

/* line 17, scss/components/_page-foot.scss */
.c-page-footer__logo {
  display: block;
  margin: 1.3125rem auto 3.25rem;
  max-width: 9.25rem;
}

/* line 23, scss/components/_page-foot.scss */
.c-page-footer .menu li {
  display: inline;
  text-transform: uppercase;
  font-size: 0.9375rem;
  padding: 0 2%;
}

/* line 29, scss/components/_page-foot.scss */
.c-page-footer .menu a {
  color: #232121;
}

/* line 31, scss/components/_page-foot.scss */
.c-page-footer .menu a:hover {
  border-bottom: 1px solid;
}

/* line 37, scss/components/_page-foot.scss */
.c-page-footer__info {
  font-size: 0.75rem;
}

/* line 42, scss/components/_page-foot.scss */
.c-page-footer__social img {
  height: 1.375rem;
  width: 1.375rem;
  margin: 0 3px;
}

/* line 46, scss/components/_page-foot.scss */
.c-page-footer__social img:hover {
  opacity: .5;
}

/* ==========================================================================
   #Header component
   ========================================================================== */
/*doc
---
title: Page head
name: page-head
category: Components - Page Head
---

Inside the header component lives the `.c-logo` component as well as the `.c-primary-nav`.

```html_example
<header class="c-page-head">

		<div class="o-grid">
			<div class="c-page-head__left">
				<a href="/"><img src="http://nvg.docksal/wp-content/themes/brickthemewp/img/logo.svg" class="c-page-head__logo"></a>
			</div>
			<div class="c-page-head__right">
				<div class="menu-header-container"><ul id="menu-header" class="menu"><li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a href="http://nvg.docksal/sample-page/">Services</a></li>
<li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12"><a href="http://nvg.docksal/sample-page/">Team</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="http://nvg.docksal/sample-page/">Clients</a></li>
<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="http://nvg.docksal/sample-page/">Contact</a></li>
</ul></div>				<span class="c-page-head__toggle"></span>
			</div>
		</div>

		<div class="c-page-head__mobile-nav">
			<div class="c-page-head__mobile-nav--close"><span></span></div>
			<div class="menu-header-container"><ul id="menu-header-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a href="http://nvg.docksal/sample-page/">Services</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12"><a href="http://nvg.docksal/sample-page/">Team</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="http://nvg.docksal/sample-page/">Clients</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="http://nvg.docksal/sample-page/">Contact</a></li>
</ul></div>		</div>

	</header>
```
*/
@media screen and (min-width: 1024px) {
  /* line 42, scss/components/_page-head.scss */
  .home .c-page-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}

/* line 50, scss/components/_page-head.scss */
.c-page-head {
  background: rgba(255, 255, 255, 0.8);
  padding: 0.375rem 0.9375rem;
  border-bottom: 1px solid #dbdbdb;
  z-index: 100;
}

@media screen and (min-width: 1024px) {
  /* line 50, scss/components/_page-head.scss */
  .c-page-head {
    padding: 0.375rem 0.9375rem 0;
  }
}

/* line 58, scss/components/_page-head.scss */
.c-page-head .o-grid {
  padding: 0;
}

/* line 61, scss/components/_page-head.scss */
.c-page-head__logo {
  max-width: 3.5rem;
  display: block;
  padding: 0.4375rem 0;
}

/* line 66, scss/components/_page-head.scss */
.c-page-head__left {
  width: 50%;
  float: left;
}

@media screen and (min-width: 1024px) {
  /* line 66, scss/components/_page-head.scss */
  .c-page-head__left {
    width: 12%;
  }
}

/* line 73, scss/components/_page-head.scss */
.c-page-head__right {
  width: 50%;
  float: right;
}

@media screen and (min-width: 1024px) {
  /* line 73, scss/components/_page-head.scss */
  .c-page-head__right {
    width: 88%;
  }
}

/* line 79, scss/components/_page-head.scss */
.c-page-head__right .menu {
  margin: 0;
  text-align: right;
  display: none;
}

@media screen and (min-width: 1024px) {
  /* line 79, scss/components/_page-head.scss */
  .c-page-head__right .menu {
    display: block;
  }
}

/* line 87, scss/components/_page-head.scss */
.c-page-head__right .menu > li {
  display: block;
  list-style: none;
  margin: 0;
  float: left;
  width: 20%;
  text-transform: uppercase;
  font-size: 1.125rem;
  text-align: center;
  font-weight: 400;
  position: relative;
  padding-bottom: 5px;
}

/* line 100, scss/components/_page-head.scss */
.c-page-head__right .menu > li:after {
  content: '\00B7';
  float: right;
  font-size: 1.875rem;
  line-height: 2.1875rem;
}

/* line 106, scss/components/_page-head.scss */
.c-page-head__right .menu > li:last-child:after {
  display: none;
}

/* line 111, scss/components/_page-head.scss */
.c-page-head__right .menu a {
  color: #232121;
  padding: 0 15px;
}

/* line 114, scss/components/_page-head.scss */
.c-page-head__right .menu a:hover {
  border-bottom: 2px solid;
  color: #132C3A;
}

/* line 120, scss/components/_page-head.scss */
.c-page-head__right .menu .sub-menu {
  position: absolute;
  top: 2.5625rem;
  left: 0;
  z-index: 100;
  padding: 0;
  width: 100%;
  border-top: 1px solid #dbdbdb;
  display: none;
}

/* line 130, scss/components/_page-head.scss */
.c-page-head__right .menu .sub-menu .mobile-link {
  display: none;
}

/* line 134, scss/components/_page-head.scss */
.c-page-head__right .menu .sub-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 207px;
  background: rgba(255, 255, 255, 0.8);
  margin: 0 0 0 -24px;
}

/* line 142, scss/components/_page-head.scss */
.c-page-head__right .menu .sub-menu li.current-menu-item a {
  background: #232121;
  color: #fff;
}

/* line 148, scss/components/_page-head.scss */
.c-page-head__right .menu .sub-menu a {
  display: block;
  padding: 0.125rem 0.625rem;
  border: solid #dbdbdb;
  border-width: 0 1px 1px 1px;
  font-size: 0.9375rem;
  text-align: center;
}

/* line 155, scss/components/_page-head.scss */
.c-page-head__right .menu .sub-menu a:hover {
  background: #232121;
  color: #fff;
}

/* line 162, scss/components/_page-head.scss */
.c-page-head__right .menu .menu-item:hover .sub-menu {
  display: block;
}

@media screen and (min-width: 1024px) {
  /* line 167, scss/components/_page-head.scss */
  .c-page-head .current-menu-item > a {
    border-bottom: 2px solid;
    color: #132C3A;
  }
}

/* line 173, scss/components/_page-head.scss */
.c-page-head__toggle {
  float: right;
  cursor: pointer;
  background: url("../../img/mobile-menu-toggle.png");
  height: 20px;
  width: 20px;
  display: block;
  margin-top: 0.5rem;
}

@media screen and (min-width: 1024px) {
  /* line 173, scss/components/_page-head.scss */
  .c-page-head__toggle {
    display: none;
  }
}

/* line 186, scss/components/_page-head.scss */
.c-page-head__mobile-nav {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  transition: none;
}

/* line 198, scss/components/_page-head.scss */
.c-page-head__mobile-nav li, .c-page-head__mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 203, scss/components/_page-head.scss */
.c-page-head__mobile-nav a {
  display: block;
  padding: 0.625rem;
  border-bottom: 1px solid;
  text-transform: uppercase;
  font-size: 25px;
  color: #232121;
}

/* line 211, scss/components/_page-head.scss */
.c-page-head__mobile-nav.active {
  display: block;
}

/* line 215, scss/components/_page-head.scss */
.c-page-head__mobile-nav .menu-item-has-children > a {
  background: url("../../img/arrow-dropdown.png") right center no-repeat;
}

/* line 220, scss/components/_page-head.scss */
.c-page-head__mobile-nav .sub-menu {
  display: none;
}

/* line 222, scss/components/_page-head.scss */
.c-page-head__mobile-nav .sub-menu a {
  font-size: 0.9375rem;
  background: rgba(204, 204, 204, 0.5);
}

/* line 228, scss/components/_page-head.scss */
.c-page-head__mobile-nav--close {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid;
  padding: 1.0625rem;
  cursor: pointer;
}

/* line 235, scss/components/_page-head.scss */
.c-page-head__mobile-nav--close span {
  float: right;
  background: url("../../img/mobile-menu-close.png");
  height: 14px;
  width: 14px;
  display: block;
}

/* ==========================================================================
   #Pager
   ========================================================================== */
/*doc
---
title: Pager
name: pager
category: Components - Pager
---

Default pager styling tailored to the output of a standard drupal pager.

```html_example
<div class="c-pager__wrapper">
  <ul class="c-pager">
    <li class="c-pager__item c-pager__previous first">
      <a title="Go to previous page" href="#">‹ previous</a>
    </li>
    <li class="c-pager__item">
      <a class="c-pager__link" title="Go to page 1" href="#">1</a>
    </li>
    <li class="c-pager__item">
      <a class="c-pager__link" title="Go to page 2" href="#">2</a>
    </li>
    <li class="c-pager__item is-selected unavailable">
      <a class="c-pager__link is-active" title="Go to page 3" href="#">3</a>
    </li>
    <li class="c-pager__item">
      <a class="c-pager__link" title="Go to page 4" href="#">4</a>
    </li>
    <li class="c-pager__item">
      <a class="c-pager__link" title="Go to page 5" href="#">5</a>
    </li>
    <li class="c-pager__item">
      <a class="c-pager__link" title="Go to page 6" href="#">6</a>
    </li>
    <li class="c-pager__item">
      <a class="c-pager__link" title="Go to page 7" href="#">7</a>
    </li>
    <li class="c-pager__item">
      <a class="c-pager__link" title="Go to page 8" href="#">8</a>
    </li>
    <li class="c-pager__item">
      <a class="c-pager__link" title="Go to page 9" href="#">9</a>
    </li>
    <li class="c-pager__item c-pager__next last"><a title="Go to next page" href="#">next ›</a></li>
  </ul>
</div>
```
*/
/* line 58, scss/components/_pager.scss */
.c-pager__item {
  display: inline;
}

/* line 63, scss/components/_pager.scss */
.c-pager__link {
  background-color: #ececec;
  color: #9b282b;
  display: inline-block;
  padding: .5rem;
}

/* line 69, scss/components/_pager.scss */
.c-pager__link:hover {
  background-color: #f9f9f9;
}

/* ==========================================================================
   Slider component
   ========================================================================== */
/*doc
---
title: Slider
name: slider
category: Components - Slider
---

```html_example
```
*/
/* line 16, scss/components/_slider.scss */
.home {
  overflow: hidden;
}

/* line 19, scss/components/_slider.scss */
.c-slider {
  z-index: -2;
  overflow: hidden;
}

/* line 23, scss/components/_slider.scss */
.c-slider__content {
  display: block;
  width: 90%;
  max-width: 26.25rem;
  height: auto;
  margin: 10vh auto;
  padding: 3.375rem 2.1875rem 3rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,1+64 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 64%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}

@media screen and (min-width: 640px) {
  /* line 23, scss/components/_slider.scss */
  .c-slider__content {
    margin: 25vh auto;
  }
}

/* line 40, scss/components/_slider.scss */
.c-slider__content img.c-slider__logo {
  max-width: 9.25rem;
  margin-bottom: 1.5625rem !important;
  display: block;
}

/* line 45, scss/components/_slider.scss */
.c-slider__content p {
  line-height: 2.375rem;
  font-size: 2rem;
  font-family: "Georgia", serif;
  text-align: center;
  font-style: italic;
  margin: 0;
}

/* line 54, scss/components/_slider.scss */
.c-slider .meteor-slides {
  height: 100vh;
  margin: 0 !important;
  width: 100% !important;
}

/* line 60, scss/components/_slider.scss */
.c-slider .meteor-clip {
  height: 100vh;
  width: 100vh;
  background: #ccc;
}

/* line 66, scss/components/_slider.scss */
.c-slider .mslide {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  width: 100% !important;
  background-position: center;
}

/* line 76, scss/components/_slider.scss */
.c-slider .meteor-clip {
  width: 100% !important;
}

/* line 81, scss/components/_slider.scss */
.c-slider .meteor-buttons {
  text-align: center;
  bottom: 4.75rem;
  height: auto;
  padding: 0;
}

/* line 87, scss/components/_slider.scss */
.c-slider .meteor-buttons a {
  float: none;
  display: inline-block;
  background-image: none;
  background: #fff;
  height: 1.1875rem;
  width: 1.1875rem;
  border-radius: 6.25rem;
  opacity: .5;
  margin: 0 0.3125rem !important;
}

/* line 98, scss/components/_slider.scss */
.c-slider .meteor-buttons a.activeSlide {
  opacity: 1;
}

/* ==========================================================================
   Client List component
   ========================================================================== */
/*doc
---
title: Client List
name: client-list
category: Components - Client List
---

```html_example
<ul class="c-client-list">
<li>
  <img src="http://via.placeholder.com/193x127" alt="" class="alignnone size-full wp-image-61"><br>
  Angel Island Immigration Station Foundation
</li>
<li>
  <img src="http://via.placeholder.com/193x127" alt="" class="alignnone size-full wp-image-61"><br>
  American Civil Liberties Union
</li>
<li>
  <img src="http://via.placeholder.com/193x127" alt="" class="alignnone size-full wp-image-61"><br>
  American Association of Justice
</li>
<li>
  <img src="http://via.placeholder.com/193x127" alt="" class="alignnone size-full wp-image-61"><br>
  Bill &amp; Melinda Gates Foundation
</li>
<li>
  <img src="http://via.placeholder.com/193x127" alt="" class="alignnone size-full wp-image-61"><br>
  American Academy of Physician Assistants
</li>
<li>
  <img src="http://via.placeholder.com/193x127" alt="" class="alignnone size-full wp-image-61"><br>
  Asian &amp; Pacific Islander American Health Forum
</li>
</ul>
```
*/
/* line 42, scss/components/_client-list.scss */
.c-client-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 100%;
}

@media screen and (min-width: 640px) {
  /* line 42, scss/components/_client-list.scss */
  .c-client-list {
    grid-template-columns: 50% 50%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 42, scss/components/_client-list.scss */
  .c-client-list {
    grid-template-columns: 33% 33% 33%;
  }
}

/* line 60, scss/components/_client-list.scss */
.c-client-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 1.25rem 1.25rem 3.125rem;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

/* line 76, scss/components/_client-list.scss */
.c-client-list img {
  max-height: 140px;
  margin: 0 auto 1.875rem;
  display: block;
}

/* line 82, scss/components/_client-list.scss */
.c-client-list span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.9375rem;
}

/* ==========================================================================
   Team component
   ========================================================================== */
/*doc
---
title: Team
name: team
category: Components - Team
---

```html_example
<div class="o-grid c-content c-team__wrapper">
	<h1 class="c-content__title" style="max-width: 562px;font-size: 24px;">NVG's biggest differentiator: Our People. Our team is experienced, smart, creative and dedicated</h1>

	<div class="c-team__archive">

			<a href="http://nvg.docksal/team/bob-bobberson/" class="c-team__member" style="background-image: url('http://via.placeholder.com/450x574');">
				<div class="c-team__name">
					<span>Bob Bobberson</span>
					<span></span>
				</div>
			</a>


			<a href="http://nvg.docksal/team/nancy-nancerson/" class="c-team__member" style="background-image: url('http://via.placeholder.com/450x574');">
				<div class="c-team__name">
					<span>Nancy Nancerson</span>
					<span>Senior Advisor</span>
				</div>
			</a>


			<a href="http://nvg.docksal/team/theodore-taylor-iii/" class="c-team__member" style="background-image: url('http://via.placeholder.com/450x574');">
				<div class="c-team__name">
					<span>Theodore Taylor III</span>
					<span></span>
				</div>
			</a>


			<a href="http://nvg.docksal/team/sarah-schultz/" class="c-team__member" style="background-image: url('http://via.placeholder.com/450x574');">
				<div class="c-team__name">
					<span>Sarah Schultz</span>
					<span></span>
				</div>
			</a>


			<a href="http://nvg.docksal/team/theo-taylor/" class="c-team__member" style="background-image: url('http://via.placeholder.com/450x574');">
				<div class="c-team__name">
					<span>Theo Taylor</span>
					<span></span>
				</div>
			</a>

			</div>
</div>
```
*/
/* line 63, scss/components/_team.scss */
.c-team__wrapper {
  max-width: 77.1875rem;
}

/* line 68, scss/components/_team.scss */
.c-team__name {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  text-align: center;
  padding: 0.625rem;
}

@media screen and (min-width: 640px) {
  /* line 68, scss/components/_team.scss */
  .c-team__name {
    opacity: 0;
  }
}

/* line 80, scss/components/_team.scss */
.c-team__name span:first-child {
  font-size: 1.25rem;
  display: block;
}

/* line 86, scss/components/_team.scss */
.c-team__member {
  float: left;
  background-size: cover;
  background-position: top;
  list-style: none;
  margin: 0;
  padding: 0 0 100%;
  position: relative;
  width: 100%;
  margin-bottom: 1.25rem;
  -webkit-filter: grayscale(0.7);
  /* Old WebKit */
  filter: grayscale(0.7);
}

/* line 99, scss/components/_team.scss */
.c-team__member:hover {
  -webkit-filter: grayscale(0);
  /* Old WebKit */
  filter: grayscale(0);
}

/* line 104, scss/components/_team.scss */
.c-team__member:hover .c-team__name {
  opacity: 1;
}

@media screen and (min-width: 640px) {
  /* line 86, scss/components/_team.scss */
  .c-team__member {
    width: 33%;
    margin-bottom: 0;
    padding: 0 0 33%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 86, scss/components/_team.scss */
  .c-team__member {
    width: 25%;
    padding: 0 0 25%;
  }
}

/* ==========================================================================
   Bio component
   ========================================================================== */
/*doc
---
title: Bio
name: bio
category: Components - Bio
---

```html_example
<div class="o-grid c-content c-bio">
				<div class="c-bio__content t-hide__desktop">
					<h1>Lisa German Foster</h1>
					<h2>Senior Advisor</h2>
				</div>
				<div class="c-bio__photo">
					<img width="450" height="574" src="http://via.placeholder.com/450x574" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/lisa.jpg 450w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/lisa-235x300.jpg 235w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/lisa-250x319.jpg 250w, http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/lisa-314x400.jpg 314w" sizes="(max-width: 450px) 100vw, 450px">					<div class="c-bio__links">
													<a href="mailto:lfoster@nvgllc.com" class="c-bio__email">lfoster@nvgllc.com</a>
																				<a href="http://dev-nvg.pantheonsite.io/wp-content/uploads/2018/08/lisa.jpg" class="c-bio__file" target="_blank">Download Full Bio</a>
												</div>
				</div>
				<div class="c-bio__content">
					<h1 class="t-hide__mobile">Lisa German Foster</h1>
					<h2 class="t-hide__mobile">Senior Advisor</h2>
					<p>Lisa Foster, Senior Advisor. Deep subject matter expertise in public health issues including vaccine policy; FDA drug, device, and tobacco issues; the Orphan Drug Act; and newborn screening. Legislative expertise through work with the Senate HELP and Appropriations Committees. Relationships with key health staff. Advises health care companies and non-profit advocacy organizations. Worked for Sen. Jack Reed for 10 years, leading his health care work.</p>

											<div class="c-bio__anecdotes">
							Avid ice hockey fan (from the NHL down to youth House league)						</div>

				</div>
			</div>
```
*/
/* line 37, scss/components/_bio.scss */
.c-bio {
  padding-top: 1.25rem;
  overflow: hidden;
}

@media screen and (min-width: 640px) {
  /* line 37, scss/components/_bio.scss */
  .c-bio {
    padding-top: 6.25rem;
  }
}

/* line 44, scss/components/_bio.scss */
.c-bio__photo {
  text-align: center;
}

/* line 46, scss/components/_bio.scss */
.c-bio__photo img {
  display: block;
  margin: 1.25rem auto 1.875rem;
}

@media screen and (min-width: 640px) {
  /* line 44, scss/components/_bio.scss */
  .c-bio__photo {
    float: left;
    width: 40%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 44, scss/components/_bio.scss */
  .c-bio__photo {
    width: 50%;
    max-width: 28.625rem;
  }
}

@media screen and (min-width: 640px) {
  /* line 60, scss/components/_bio.scss */
  .c-bio__content {
    float: right;
    width: 55%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 60, scss/components/_bio.scss */
  .c-bio__content {
    width: 50%;
    max-width: 24.5625rem;
  }
}

/* line 72, scss/components/_bio.scss */
.c-bio__content h1 {
  font-family: "Nimbus Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.6875rem;
  margin: 0;
  text-align: center;
}

/* line 81, scss/components/_bio.scss */
.c-bio__content h2 {
  text-transform: none;
  text-align: center;
  font-size: 1.25rem;
}

/* line 88, scss/components/_bio.scss */
.c-bio__anecdotes {
  width: 83%;
  margin: 0 auto;
  font-weight: 500;
  font-family: "Georgia", serif;
  font-style: italic;
  font-size: 1.25rem;
}

/* line 97, scss/components/_bio.scss */
.c-bio__links {
  margin-bottom: 2.5rem;
  line-height: 35px;
}

@media screen and (min-width: 640px) {
  /* line 97, scss/components/_bio.scss */
  .c-bio__links {
    margin-bottom: 1.25rem;
  }
}

/* line 106, scss/components/_bio.scss */
.c-bio__email {
  display: inline-block;
  font-weight: 300;
}

@media screen and (min-width: 640px) {
  /* line 106, scss/components/_bio.scss */
  .c-bio__email {
    margin-right: 1.5rem;
  }
}

/* line 112, scss/components/_bio.scss */
.c-bio__email:hover:before {
  opacity: .5;
}

/* line 115, scss/components/_bio.scss */
.c-bio__email:before {
  content: "";
  display: inline-block;
  height: 23px;
  width: 38px;
  background: url("../../img/icon-email.png");
  vertical-align: middle;
  margin-right: 0.4375rem;
}

/* line 126, scss/components/_bio.scss */
.c-bio__file {
  display: inline-block;
  font-weight: 300;
}

/* line 129, scss/components/_bio.scss */
.c-bio__file:hover:before {
  opacity: .5;
}

/* line 132, scss/components/_bio.scss */
.c-bio__file:before {
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  background: url("../../img/icon-download.png");
  vertical-align: middle;
  margin-right: 0.4375rem;
}

/* ==========================================================================
   Callout component
   ========================================================================== */
/*doc
---
title: Callout
name: callout
category: Components - Callout
---

```html_example
<ul class="c-callout">
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis vulputate velit id dignissim. Fusce vehicula, nunc at commodo fringilla.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis vulputate velit id dignissim. Fusce vehicula, nunc at commodo fringilla.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis vulputate velit id dignissim. Fusce vehicula, nunc at commodo fringilla.</li>
</ul>
```
*/
/* line 21, scss/components/_callout.scss */
.c-callout {
  background: #1b2b39;
  color: #fff;
  overflow: hidden;
  padding: 3.125rem;
}

@media screen and (min-width: 1024px) {
  /* line 21, scss/components/_callout.scss */
  .c-callout {
    margin: 3.75rem -9999rem 3.75rem;
    padding: 4.375rem 9997rem;
  }
}

/* line 32, scss/components/_callout.scss */
.c-callout li {
  list-style: none;
  font-family: "Georgia", serif;
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  padding: 0 0 1.875rem 1.875rem;
  background: url("../../img/callout.svg") 0 4px no-repeat;
  background-size: 1.125rem;
  border: solid #75838d;
  border-width: 0 0 1px;
  margin-bottom: 1.875rem;
}

@media screen and (min-width: 1024px) {
  /* line 32, scss/components/_callout.scss */
  .c-callout li {
    border-width: 0 1px 0 0;
    background: url("../../img/callout.svg") 40px 4px no-repeat;
    background-size: 1.125rem;
    float: left;
    width: 33%;
    padding: 0 7%;
    margin: 0;
  }
}

/* line 54, scss/components/_callout.scss */
.c-callout li:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 60, scss/components/_callout.scss */
.c-callout a {
  text-decoration: underline;
}

/* ==========================================================================
   #Primary nav component
   ========================================================================== */
/*doc
---
title: Primary Nav
name: primary-nav
category: Components - Primary Nav
---

```html_example
<ul class="c-primary-nav">
  <li class="c-primary-nav__item">
    <a href="#" class="c-primary-nav__link">About</a>
  </li>
  <li class="c-primary-nav__item">
    <a href="#" class="c-primary-nav__link">Contact Us</a>
  </li>
</ul>
```
*/
/* List class
   ========================================================================== */
/* line 27, scss/components/_primary-nav.scss */
.c-primary-nav {
  padding: 0;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 27, scss/components/_primary-nav.scss */
  .c-primary-nav {
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    height: 100%;
    left: -140%;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 70%;
  }
}

/* line 43, scss/components/_primary-nav.scss */
.c-primary-nav.is-active {
  background-color: #e7e7e7;
  left: -70%;
  opacity: 1;
  visibility: visible;
}

/* List items class
   ========================================================================== */
/* line 55, scss/components/_primary-nav.scss */
.c-primary-nav__item {
  margin: 0 1rem;
  position: relative;
}

@media screen and (min-width: 1024px) {
  /* line 55, scss/components/_primary-nav.scss */
  .c-primary-nav__item {
    display: inline-block;
  }
}

/* line 67, scss/components/_primary-nav.scss */
.c-primary-nav__item.has-dropdown:hover .c-drop-nav__wrap {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 73, scss/components/_primary-nav.scss */
  .c-primary-nav__item .c-primary-nav__link {
    display: block;
  }
}

/* Drop-down
   ========================================================================== */
/* line 87, scss/components/_primary-nav.scss */
.c-drop-nav__wrap {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 87, scss/components/_primary-nav.scss */
  .c-drop-nav__wrap {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  /* line 87, scss/components/_primary-nav.scss */
  .c-drop-nav__wrap {
    transition: all 0.2s ease-in-out;
    background: #1e3756;
    min-width: 150px;
    overflow: hidden;
    padding: 1rem;
    position: absolute;
    top: 100%;
  }
}

/* line 106, scss/components/_primary-nav.scss */
.c-drop-nav__wrap.is-expanded {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* line 114, scss/components/_primary-nav.scss */
.c-drop-nav {
  margin-bottom: 0;
}

/* Mobile toggle link
   ========================================================================== */
/* line 124, scss/components/_primary-nav.scss */
.c-mobile-toggle {
  display: block;
}

@media screen and (min-width: 1024px) {
  /* line 124, scss/components/_primary-nav.scss */
  .c-mobile-toggle {
    display: none;
  }
}

/* ==========================================================================
   #Teaser component
   ========================================================================== */
/*doc
---
title: Teaser
name: teaser
category: Components - Teaser
---

This is the teaser component which has multiple variations.  Take a look at the `Teaser with image` section to see a full example.

```html_example
<div class="c-teaser">
  <h4 class="c-teaser__source">Articles</h4>
  <h3 class="c-teaser__title">
    <a href="#" class="c-teaser__link">An Intranet Manager's guide to project success</a>
  </h3>
  <div class="c-teaser__content">
    Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
  </div>
</div>
```
*/
/* line 31, scss/components/_teaser.scss */
.c-teaser__source {
  font-weight: 600;
  color: #1e3756;
  margin-bottom: 0;
}

/* line 38, scss/components/_teaser.scss */
.c-teaser__title {
  color: #666;
  font-size: 1.5rem;
  margin-bottom: 0;
}

/* line 45, scss/components/_teaser.scss */
.c-teaser__link {
  color: #9b282b;
}

/* line 50, scss/components/_teaser.scss */
.c-teaser__content {
  color: #666;
  font-size: 1rem;
}

/* line 56, scss/components/_teaser.scss */
.c-teaser__byline {
  color: #666;
}

/*doc
---
title: Teaser with image
name: teaser_with_image
category: Components - Teaser
---

```html_example
<div class="o-grid">
  <div class="lg-3">
    <img src="http://placehold.it/200x125">
  </div>
  <div class="lg-9">
   <div class="c-teaser">
    <h4 class="c-teaser__source">Articles</h4>
    <h3 class="c-teaser__title">
      <a href="#" class="c-teaser__link">An Intranet Manager's guide to project success</a>
    </h3>
    <div class="c-teaser__content">
      Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
    </div>
   </div>
  </div>
</div>
```
*/
/*doc
---
title: Teaser in UI Row
name: teaser_ui_row
category: Components - Teaser
---

This is an example of how to use the teaser component with the `ui-row` object to get padding and a border.

```html_example
<div class="o-ui-row">
  <div class="c-teaser">
    <h4 class="c-teaser__source">Articles</h4>
    <h3 class="c-teaser__title">
      <a href="#" class="c-teaser__link">An Intranet Manager's guide to project success</a>
    </h3>
    <div class="c-teaser__content">
      Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
    </div>
  </div>
</div>
<div class="o-ui-row">
  <div class="c-teaser">
    <h4 class="c-teaser__source">Articles</h4>
    <h3 class="c-teaser__title">
      <a href="#" class="c-teaser__link">An Intranet Manager's guide to project success</a>
    </h3>
    <div class="c-teaser__content">
      Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
    </div>
  </div>
</div>
```
*/
/*doc
---
title: Teaser with byline
name: teaser_with_byline
category: Components - Teaser
---

```html_example
<div class="c-teaser">
  <h4 class="c-teaser__source">Articles</h4>
  <h3 class="c-teaser__title">
    <a href="#" class="c-teaser__link">An Intranet Manager's guide to project success</a>
  </h3>
  <div class="c-teaser__byline">By Chris Roane</div>
  <div class="c-teaser__content">
    Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
  </div>
</div>
```
*/
/* ==========================================================================
   #Trumps
   ========================================================================== */
/* Visibility classes
   ========================================================================== */
/*doc
---
title: Visibility Classes
name: vis_class
category: Trumps - Visibility Classes
---

Classes you can use in the HTML to affect the visibility of an element.
Two vartions are available:  `.t-show` and `.t-hide`.

Class           |  Description
----------------|---------------
`.t-hide`| Hides element
`.t-show`| Shows element

```html_example
<div class="t-show">
	[This element is visible!]
</div>
```
*/
/* line 31, scss/trumps/_trumps.scss */
.t-hide {
  display: none !important;
}

/* line 32, scss/trumps/_trumps.scss */
.t-show {
  display: block !important;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 34, scss/trumps/_trumps.scss */
  .t-hide__mobile {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  /* line 40, scss/trumps/_trumps.scss */
  .t-hide__desktop {
    display: none;
  }
}

/* Float classes
   ========================================================================== */
/*doc
---
title: Float Classes
name: flo_class
category: Trumps - Float Classes
---

Classes you can use in the HTML to affect the visibility of an element.  Use `.t-left` to float an element
to the left, and use `.t-right` to float to the right.

Class           |  Description
----------------|---------------
`.t-left`| Aligns element to the left
`.t-right`| Aligns element to the right

```html_example
<div class="o-box" style="background: #ececec; ">
	<img src="http://placehold.it/150x75" class="t-left">
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
</div>
<br>
<div class="o-box" style="background: #ececec; ">
	<img src="http://placehold.it/150x75" class="t-right">
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
</div>
```
*/
/* line 81, scss/trumps/_trumps.scss */
.t-left {
  float: left !important;
}

/* line 82, scss/trumps/_trumps.scss */
.t-right {
  float: right !important;
}

/* Text align classes
   ========================================================================== */
/*doc
---
title: Text Align Classes
name: tex_class
category: Trumps - Text Align Classes
---

Classes you can use in the HTML to affect the visibility of an element.  Use the following classes
to adjust text alignment:

Class           |  Description
----------------|---------------
`.t-text-left`| Aligns text to the left
`.t-text-center`| Aligns text to the center
`.t-text-right`| Aligns text to the right


```html_example
<ul class="bg-md-3 bg-lg-3">
	<li class="o-box wf t-text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!</li>
	<li class="o-box wf t-text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!</li>
	<li class="o-box wf t-text-right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!</li>
</ul>
```
*/
/* line 117, scss/trumps/_trumps.scss */
.t-text-left {
  text-align: left !important;
}

/* line 118, scss/trumps/_trumps.scss */
.t-text-right {
  text-align: right !important;
}

/* line 119, scss/trumps/_trumps.scss */
.t-text-center {
  text-align: center !important;
}

/* Font family trumps
   ========================================================================== */
/*doc
---
title: Font family
name: name
category: Trumps -  Font Family
---

```html_example
<h4 class="t-sans">This is a heading which is normally serif.</h4>
<p class="t-serif">This is a paragraph which is normally sans-serif.</p>
```
*/
/* line 140, scss/trumps/_trumps.scss */
.t-sans {
  font-family: "Nimbus Sans", sans-serif;
}

/* line 141, scss/trumps/_trumps.scss */
.t-serif {
  font-family: "Georgia", serif;
}

/* BG Colors
   ========================================================================== */
/*doc
---
title: Background colors
name: bg-colors
category: Trumps - Background colors
---

```html_example
<p class="t-bg-white">Example</p>
<p class="t-bg-primary">Example</p>
<p class="t-bg-secondary">Example</p>
<p class="t-bg-dusty-gray">Example</p>
<p class="t-bg-stitched">Example</p>
```
*/
/* line 166, scss/trumps/_trumps.scss */
.t-bg-white {
  background-color: #fff;
}

/* line 167, scss/trumps/_trumps.scss */
.t-bg-black {
  background-color: #232121;
  color: #fff;
}

/* line 168, scss/trumps/_trumps.scss */
.t-bg-blue {
  background-color: #132C3A;
  color: #fff;
}

/* Margin trumps
   ========================================================================== */
/*doc
---
title: Margin
name: margin-classes
category: Trumps - Margin classes
---

```html_example
<p class="t-mbr">Margin base right</p>
<p class="t-msr">Margin small right</p>
<p class="t-mbl">Margin base left</p>
<p class="t-msl">Margin small left</p>
<p class="t-mbb">Margin base bottom</p>
<p class="t-msb">Margin small bottom</p>
<p class="t-mbt">Margin base top</p>
<p class="t-mst">Margin small top</p>
```
*/
/* line 196, scss/trumps/_trumps.scss */
.t-mbr {
  margin-right: 1.5rem;
}

/* line 197, scss/trumps/_trumps.scss */
.t-msr {
  margin-right: 0.75rem;
}

/* line 198, scss/trumps/_trumps.scss */
.t-mbl {
  margin-left: 1.5rem;
}

/* line 199, scss/trumps/_trumps.scss */
.t-msl {
  margin-left: 0.75rem;
}

/* line 200, scss/trumps/_trumps.scss */
.t-mbb {
  margin-bottom: 1.5rem;
}

/* line 201, scss/trumps/_trumps.scss */
.t-msb {
  margin-bottom: 0.75rem;
}

/* line 202, scss/trumps/_trumps.scss */
.t-mbt {
  margin-top: 1.5rem;
}

/* line 203, scss/trumps/_trumps.scss */
.t-mst {
  margin-top: 0.75rem;
}

/* line 205, scss/trumps/_trumps.scss */
.t-nom {
  margin: 0;
}

/* Padding trumps
   ========================================================================== */
/*doc
---
title: Padding
name: padding-classes
category: Trumps - Padding classes
---

```html_example
<p class="t-pbr">Padding base right</p>
<p class="t-psr">Padding small right</p>
<p class="t-pbl">Padding base left</p>
<p class="t-psl">Padding small left</p>
```
*/
/* line 228, scss/trumps/_trumps.scss */
.t-pbr {
  padding-right: 1.5rem;
}

/* line 229, scss/trumps/_trumps.scss */
.t-psr {
  padding-right: 0.75rem;
}

/* line 230, scss/trumps/_trumps.scss */
.t-pbl {
  padding-left: 1.5rem;
}

/* line 231, scss/trumps/_trumps.scss */
.t-psl {
  padding-left: 0.75rem;
}

/* line 232, scss/trumps/_trumps.scss */
.t-nop {
  padding: 0;
}

/* line 233, scss/trumps/_trumps.scss */
.t-nopb {
  padding-bottom: 0;
}

/* Style-guide trumps
   ========================================================================== */
/* line 245, scss/trumps/_trumps.scss */
.wf {
  background: #ccc;
}

/* ==========================================================================
   #States - Classes added with the .is- naming convention
   ========================================================================== */
/* line 5, scss/trumps/_states.scss */
.is-shifted {
  -webkit-transform: translateX(70%);
  transform: translateX(70%);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}