@charset "UTF-8";
/* ==========================================================================
   Bourbon
   ========================================================================== */
/* ==========================================================================
   #Grid Settings
   ========================================================================== */
/* Grid variables
   ========================================================================== */
/* Media Queries
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700");
@import url(/node_modules/@bower_components/parsleyjs/src/parsley.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
   ========================================================================== */
@font-face {
  font-family: 'FontAwesome';
  src: url("../../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* ==========================================================================
   Misc
   ========================================================================== */
/* ==========================================================================
   Spacing
   ========================================================================== */
/*use this when extending items out on large views */
/* ==========================================================================
   Colors
   ========================================================================== */
/*doc
---
title: Colors
name: colors
category: Base - Colors
---

<div class="c-color-swatch t-bg-black">t-bg-black<br>#000
</div>
<div class="c-color-swatch t-bg-white">t-bg-white<br>#fff
</div>
<div class="c-color-swatch t-bg-primary">t-bg-primary<br>palette(brand, primary)
</div>
<div class="c-color-swatch t-bg-secondary">t-bg-secondary<br>palette(brand, secondary)
</div>
<div class="c-color-swatch t-bg-dusty-gray">t-bg-dusty-gray<br>palette(gray, medium)
</div>
<div class="c-color-swatch t-bg-light-gray">t-bg-light-gray<br>palette(gray, light)
</div>
<div class="c-color-swatch t-bg-accent-green">t-bg-accent-green<br>#9cbf0e
</div>
<div class="c-color-swatch t-bg-accent-yellow">t-bg-accent-yellow<br>#eff180
</div>
<div class="c-color-swatch t-bg-accent-blue">t-bg-accent-blue<br>#b4cdf6
</div>
*/
/* line 101, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/tools/_mixins.scss */
  .md-6, .c-signup--full-width .c-signup__intro, .c-signup--full-width .c-signup__form, .c-resoures__view-header > .layout--onecol {
    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, .c-signup--full-width .c-signup__intro:last-child, .c-signup--full-width .c-signup__form:last-child, .c-resoures__view-header > .layout--onecol:last-child {
    margin-right: 0;
  }
  /* line 21, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-10, .c-search-results .view-header,
  .c-search-results .c-filters,
  .c-search-results .view-content,
  .c-search-results .view-empty {
    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, .c-search-results .view-header:last-child,
  .c-search-results .c-filters:last-child,
  .c-search-results .view-content:last-child,
  .c-search-results .view-empty:last-child {
    margin-right: 0;
  }
  /* line 29, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-1 {
    margin-left: 8.64536%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-2 {
    margin-left: 17.29071%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-3 {
    margin-left: 25.93607%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-4 {
    margin-left: 34.58142%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-5 {
    margin-left: 43.22678%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-6 {
    margin-left: 51.87213%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-7 {
    margin-left: 60.51749%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-8 {
    margin-left: 69.16284%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-9 {
    margin-left: 77.8082%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-10 {
    margin-left: 86.45355%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-11 {
    margin-left: 95.09891%;
  }
  /* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
  .sm-shift-12 {
    margin-left: 103.74426%;
  }
}

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

@media screen and (min-width: 1024px) {
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-1, .c-search-results .view-header,
  .c-search-results .c-filters,
  .c-search-results .view-content,
  .c-search-results .view-empty {
    margin-left: 8.64536%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-2 {
    margin-left: 17.29071%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-3 {
    margin-left: 25.93607%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-4 {
    margin-left: 34.58142%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-5 {
    margin-left: 43.22678%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-6 {
    margin-left: 51.87213%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-7 {
    margin-left: 60.51749%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-8 {
    margin-left: 69.16284%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-9 {
    margin-left: 77.8082%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-10 {
    margin-left: 86.45355%;
  }
  /* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
  .lg-shift-11 {
    margin-left: 95.09891%;
  }
  /* line 56, web/themes/bricklett/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;
  }
}

/* ==========================================================================
   #Admin bar overrides
   ========================================================================== */
/* line 5, web/themes/bricklett/scss/generic/_admin.scss */
.toolbar-bar {
  display: none;
}

@media screen and (min-width: 1024px) {
  /* line 5, web/themes/bricklett/scss/generic/_admin.scss */
  .toolbar-bar {
    display: block;
  }
}

/* line 13, web/themes/bricklett/scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
  padding-top: 0 !important;
}

@media screen and (min-width: 1024px) {
  /* line 13, web/themes/bricklett/scss/generic/_admin.scss */
  .toolbar-fixed,
  .toolbar-horizontal,
  .toolbar-vertical {
    padding-top: 39px !important;
  }
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 24, web/themes/bricklett/scss/generic/_admin.scss */
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  /* line 30, web/themes/bricklett/scss/generic/_admin.scss */
  .toolbar-tray-open {
    padding-top: 79px !important;
  }
}

/* Drupal tabs
   ========================================================================== */
/* line 43, web/themes/bricklett/scss/generic/_admin.scss */
.g-drupal-tabs {
  margin: 1.5rem 0;
}

/* line 45, web/themes/bricklett/scss/generic/_admin.scss */
.g-drupal-tabs a {
  margin-bottom: 0;
  border-radius: 0;
  font-size: 0.875rem;
}

/**
* DRUPAL: Begin system.base.css.
*/
/**
 * @file
 * Generic theme-independent base styles.
 */
/* line 60, web/themes/bricklett/scss/generic/_admin.scss */
.js .form-autocomplete {
  background-image: url("/misc/throbber.gif");
  background-position: 100% 2px;
  /* LTR */
  background-repeat: no-repeat;
}

/* line 66, web/themes/bricklett/scss/generic/_admin.scss */
.js .throbbing {
  background-position: 100% -18px;
  /* LTR */
}

/* line 70, web/themes/bricklett/scss/generic/_admin.scss */
.js .collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}

/* line 76, web/themes/bricklett/scss/generic/_admin.scss */
.js .collapsed .fieldset-wrapper {
  display: none;
}

/* line 81, web/themes/bricklett/scss/generic/_admin.scss */
.collapsible {
  position: relative;
}

/* line 84, web/themes/bricklett/scss/generic/_admin.scss */
.collapsible .fieldset-legend {
  display: block;
}

/* line 89, web/themes/bricklett/scss/generic/_admin.scss */
.container-inline div,
.container-inline label {
  display: inline;
}

/* line 94, web/themes/bricklett/scss/generic/_admin.scss */
.container-inline .fieldset-wrapper {
  display: block;
}

/* line 98, web/themes/bricklett/scss/generic/_admin.scss */
.nowrap {
  white-space: nowrap;
}

/* line 102, web/themes/bricklett/scss/generic/_admin.scss */
.js .js-hide {
  display: none;
}

/* line 106, web/themes/bricklett/scss/generic/_admin.scss */
.element-hidden {
  display: none;
}

/* line 110, web/themes/bricklett/scss/generic/_admin.scss */
.element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  margin-bottom: 0;
}

/* line 118, web/themes/bricklett/scss/generic/_admin.scss */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/* line 127, web/themes/bricklett/scss/generic/_admin.scss */
.clearfix::after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */
/* line 135, web/themes/bricklett/scss/generic/_admin.scss */
* html .clearfix {
  height: 1%;
}

/* IE7 */
/* line 139, web/themes/bricklett/scss/generic/_admin.scss */
*:first-child + html .clearfix {
  min-height: 1%;
}

/* Throbber */
/* line 144, web/themes/bricklett/scss/generic/_admin.scss */
.ajax-progress {
  display: inline-block;
}

/* line 147, web/themes/bricklett/scss/generic/_admin.scss */
.ajax-progress .throbber {
  background: transparent url("../../img/throbber-active.gif") no-repeat 0 center;
  float: left;
  /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}

/* line 155, web/themes/bricklett/scss/generic/_admin.scss */
.ajax-progress .message {
  padding-left: 20px;
}

/* line 160, web/themes/bricklett/scss/generic/_admin.scss */
tr .ajax-progress .throbber {
  margin: 0 2px;
}

/* line 164, web/themes/bricklett/scss/generic/_admin.scss */
.ajax-progress-bar {
  width: 16em;
}

/**
 * DRUPAL: End system.base.css.
 */
/**
 * DRUPAL: contextual.css
 */
/**
 * Contextual links regions.
 */
/* line 179, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-region {
  outline: none;
  position: relative;
}

/* line 184, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-region-active {
  outline: #999 dashed 1px;
}

/**
 * Contextual links.
 */
/* line 191, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-wrapper {
  display: none;
  font-size: 90%;
  position: absolute;
  right: 5px;
  /* LTR */
  top: 2px;
  z-index: 999;
}

/* line 199, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-wrapper a {
  text-decoration: none;
}

/* line 202, web/themes/bricklett/scss/generic/_admin.scss */
.js .contextual-links-wrapper {
  display: block;
}

/* line 206, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-trigger {
  background: transparent url("../../img/gear-select.png") no-repeat 2px 0;
  border: 1px solid transparent;
  display: none;
  height: 18px;
  margin: 0;
  padding: 0 2px;
  outline: none;
  text-indent: 34px;
  /* LTR */
  width: 28px;
  overflow: hidden;
  border-radius: 4px;
}

/* line 219, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-trigger .contextual-links {
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
  margin: 0;
  padding: .25em 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 18px;
  white-space: nowrap;
  border-radius: 4px 0 4px 4px;
  /* LTR */
}

/* line 234, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-trigger:hover,
.contextual-links-active .contextual-links-trigger {
  background-position: 2px -18px;
}

/* line 239, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-active .contextual-links-trigger {
  background-color: #fff;
  border-color: #ccc;
  border-bottom: 0;
  position: relative;
  z-index: 1;
  border-radius: 4px 4px 0 0;
}

/* line 248, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-region:hover .contextual-links-trigger,
.contextual-links-active .contextual-links-trigger,
.contextual-links-active .contextual-links {
  display: block;
}

/* line 254, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links li {
  line-height: 100%;
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* line 261, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links li a {
  color: #333 !important;
  display: block;
  margin: .25em 0;
  padding: .25em 1em .25em .5em;
}

/* line 267, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links li a:hover {
  background-color: #bfdcee;
}

/**
 * DRUPAL: End contextual.css
 */
/* DRUPAL: Fixes */
/* line 278, web/themes/bricklett/scss/generic/_admin.scss */
.boxes-box-controls,
.context-block-region {
  display: none;
}

/* Fix padding error message issue with certain form types. */
/* line 282, web/themes/bricklett/scss/generic/_admin.scss */
.form-type-checkbox.error small,
.form-type-checkboxes.error small,
.form-item-radio.error small {
  margin-top: 0;
}

/* Make FB Comments Responsive */
/* line 288, web/themes/bricklett/scss/generic/_admin.scss */
.fb-comments,
.fb-comments span,
.fb-comments.fb_iframe_widget span iframe {
  width: 100% !important;
}

/* ==========================================================================
   #Reset
   ========================================================================== */
/* line 6, web/themes/bricklett/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, web/themes/bricklett/scss/generic/_reset.scss */
abbr[title],
dfn[title] {
  cursor: help;
}

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

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

/* ==========================================================================
   #Shared styles - Mainly for setting bottom margin
   ========================================================================== */
/* line 5, web/themes/bricklett/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,
.c-search-form--modal .form-submit,
form.user-login-form input.button.form-submit,
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 34, web/themes/bricklett/scss/base/_page.scss */
html {
  background-color: #000;
  font-family: "Open 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;
}

/* line 47, web/themes/bricklett/scss/base/_page.scss */
body {
  max-width: 1439px;
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
}

/* line 54, web/themes/bricklett/scss/base/_page.scss */
p {
  font-weight: 400;
  line-height: 1.9375rem;
}

/* line 57, web/themes/bricklett/scss/base/_page.scss */
p.c-intro-text {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

/* ==========================================================================
   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, web/themes/bricklett/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, web/themes/bricklett/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;
  font-family: 'Open Sans', sans-serif;
}

/* line 48, web/themes/bricklett/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 54, web/themes/bricklett/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 81, web/themes/bricklett/scss/base/_forms.scss */
fieldset {
  border: 1px solid #ddd;
  margin: 0 0 0.75rem;
  padding: 1.5rem;
}

/* line 87, web/themes/bricklett/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 129, web/themes/bricklett/scss/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375rem;
}

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

/* line 139, web/themes/bricklett/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 172, web/themes/bricklett/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, web/themes/bricklett/scss/base/_headings.scss */
h1,
.alpha {
  font-size: 3.75rem;
  line-height: 1.2;
  font-weight: 700;
}

/* line 30, web/themes/bricklett/scss/base/_headings.scss */
h2,
.beta {
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

/* line 37, web/themes/bricklett/scss/base/_headings.scss */
h3,
.gamma {
  font-size: 2.25rem;
  line-height: 1.33333;
  font-weight: 700;
}

/* line 43, web/themes/bricklett/scss/base/_headings.scss */
h4,
.delta {
  font-size: 1.875rem;
  line-height: 1.6;
  font-weight: 700;
  line-height: 1.875rem;
}

/* line 50, web/themes/bricklett/scss/base/_headings.scss */
h5,
.epsilon,
.c-blocks-4 .c-custom-block .c-custom-block__title,
.c-search-results .view-content .c-teaser__right .c-teaser__title {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
}

/* line 56, web/themes/bricklett/scss/base/_headings.scss */
h6,
.zeta {
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 600;
}

/* ==========================================================================
   #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, web/themes/bricklett/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>
	This is a special quote for sure <cite>By someone special</cite>
</blockquote>
```
*/
/* line 21, web/themes/bricklett/scss/base/_quotes.scss */
blockquote {
  background: #ececec;
  border-left: 2px solid #ddd;
}

/* line 26, web/themes/bricklett/scss/base/_quotes.scss */
blockquote cite {
  display: block;
  font-weight: 700;
}

/* line 28, web/themes/bricklett/scss/base/_quotes.scss */
blockquote.c-pullquote {
  border-left: 3px solid #014747;
  background: transparent;
  font-size: 1.25rem;
}

@media screen and (min-width: 1024px) {
  /* line 28, web/themes/bricklett/scss/base/_quotes.scss */
  blockquote.c-pullquote {
    margin: 1.5rem -60px 1.5rem 1.5rem;
    max-width: 300px;
    float: right;
  }
}

/* line 40, web/themes/bricklett/scss/base/_quotes.scss */
blockquote.c-pullquote cite {
  font-size: 0.875rem;
}

/* line 43, web/themes/bricklett/scss/base/_quotes.scss */
blockquote.c-pullquote--left {
  border-right: 3px solid #014747;
  border-left: 0;
  background: transparent;
  font-size: 1.25rem;
}

@media screen and (min-width: 1024px) {
  /* line 43, web/themes/bricklett/scss/base/_quotes.scss */
  blockquote.c-pullquote--left {
    margin: 1.5rem 1.5rem 1.5rem -60px;
    max-width: 300px;
    float: left;
  }
}

/* line 56, web/themes/bricklett/scss/base/_quotes.scss */
blockquote.c-pullquote--left cite {
  font-size: 0.875rem;
}

/* line 59, web/themes/bricklett/scss/base/_quotes.scss */
blockquote cite {
  display: block;
  font-weight: 700;
}

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

Default styling for links.

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

/* line 24, web/themes/bricklett/scss/base/_links.scss */
a:link,
a:visited {
  color: #014747;
}

/* line 27, web/themes/bricklett/scss/base/_links.scss */
a:hover {
  color: #001515;
}

/* line 28, web/themes/bricklett/scss/base/_links.scss */
a:active {
  transition: color 0.3s;
  color: #001515;
}

/* ==========================================================================
   #Lists
   ========================================================================== */
/*doc
---
title: Lists
name: lists
category: Base - Lists
---

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

/*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 41, web/themes/bricklett/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 64, web/themes/bricklett/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 91, web/themes/bricklett/scss/base/_lists.scss */
dl dt {
  font-weight: bold;
}

/* line 95, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/base/_tables.scss */
th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75rem 0;
  text-align: left;
}

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

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

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

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

/* line 22, web/themes/bricklett/scss/base/_type.scss */
sup {
  font-size: .6667em;
  padding: 0 .3333em;
  line-height: 1;
  top: -.5em;
  position: relative;
}

/* ==========================================================================
   #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 20, node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.o-band::after, .o-band--small::after, .o-band--flush::after, .o-band--top::after, .o-band--bottom::after {
  clear: both;
  content: "";
  display: table;
}

/* line 25, web/themes/bricklett/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 50, web/themes/bricklett/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 75, web/themes/bricklett/scss/objects/_band.scss */
.o-band--flush {
  padding: 0;
}

/* line 80, web/themes/bricklett/scss/objects/_band.scss */
.o-band--flush {
  padding: 0;
}

/* line 85, web/themes/bricklett/scss/objects/_band.scss */
.o-band--top {
  padding-bottom: 0;
}

/* line 90, web/themes/bricklett/scss/objects/_band.scss */
.o-band--bottom {
  padding-top: 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, web/themes/bricklett/scss/objects/_box.scss */
blockquote, .o-box, .o-box--small {
  display: block;
  padding: 1.5rem;
}

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

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

/* ==========================================================================
   #o-Grid
   ========================================================================== */
/* line 6, web/themes/bricklett/scss/objects/_grid.scss */
.o-grid, .c-search-results {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 3.625rem;
}

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

@media screen and (min-width: 1024px) {
  /* line 6, web/themes/bricklett/scss/objects/_grid.scss */
  .o-grid, .c-search-results {
    padding: 0 1rem;
  }
}

/* line 13, web/themes/bricklett/scss/objects/_grid.scss */
.o-grid .o-grid, .c-search-results .o-grid, .o-grid .c-search-results, .c-search-results .c-search-results {
  padding: 0;
}

/* line 16, web/themes/bricklett/scss/objects/_grid.scss */
.o-grid--narrow {
  max-width: 900px;
  margin: 0 auto;
}

/* line 21, web/themes/bricklett/scss/objects/_grid.scss */
.o-grid--full {
  max-width: 1439px;
}

/* ==========================================================================
   #Block-grid
   ========================================================================== */
/* Small block grids
   ========================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 36, web/themes/bricklett/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 47, web/themes/bricklett/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 54, web/themes/bricklett/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 61, web/themes/bricklett/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 68, web/themes/bricklett/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 75, web/themes/bricklett/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 82, web/themes/bricklett/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 93, web/themes/bricklett/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 100, web/themes/bricklett/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 107, web/themes/bricklett/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 114, web/themes/bricklett/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 121, web/themes/bricklett/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 128, web/themes/bricklett/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 135, web/themes/bricklett/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 142, web/themes/bricklett/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 149, web/themes/bricklett/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 156, web/themes/bricklett/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, web/themes/bricklett/scss/objects/_nav.scss */
.o-nav {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

/* line 31, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/objects/_nav.scss */
.o-nav--stacked > li {
  display: list-item;
}

/* line 73, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/objects/_ui-row.scss */
.o-ui-row--small {
  padding: 2rem 0;
}

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

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

/* line 43, web/themes/bricklett/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, web/themes/bricklett/scss/objects/_video.scss */
.o-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

/* line 26, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/components/_alerts.scss */
.c-alert--success, .c-alert--error, .c-alert--status {
  border-radius: 10px;
  padding: 1.5rem 50px 1.5rem 1.5rem;
  position: relative;
  margin: 1.5rem 0;
}

/* line 28, web/themes/bricklett/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, web/themes/bricklett/scss/components/_alerts.scss */
.c-alert--success {
  background-color: #dfefe9;
  color: #0a8754;
}

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

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

/* line 52, web/themes/bricklett/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, web/themes/bricklett/scss/components/_alerts.scss */
.c-alert--error {
  background-color: #f9dbe4;
  color: #d11149;
  top: 3.125rem;
}

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

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

/* line 92, web/themes/bricklett/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 115, web/themes/bricklett/scss/components/_alerts.scss */
.c-alert--status {
  background-color: #e0ebf9;
  color: #2f77d1;
}

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

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

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

/* ==========================================================================
   Annotations component
   ========================================================================== */
/*doc
---
title: Annotations
name: annotations
category: Components - annotations
---


```html_example
```
*/
/* we don't use our BEM system here since the code is js generated */
/* line 17, web/themes/bricklett/scss/components/_annotations.scss */
.annotation-title {
  background-color: #f8f39f;
  cursor: pointer;
  color: #000;
  font-weight: 500;
  padding-left: 3px;
  margin-left: -3px;
}

/* line 26, web/themes/bricklett/scss/components/_annotations.scss */
.annotation-title sup {
  background-color: #429397;
  color: #fff;
}

/* line 31, web/themes/bricklett/scss/components/_annotations.scss */
div.annotation-content {
  margin: 1.5rem auto;
  color: #333;
  max-width: 42.6688rem;
  padding: 3rem;
  background-color: #f2f2f2;
  border: solid #429397;
  border-width: 3px 1px 1px;
  /*word-break: break-all;*/
}

/* ==========================================================================
   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 67, web/themes/bricklett/scss/components/_buttons.scss */

.c-btn,
.c-search-form--modal .form-submit,
form.user-login-form input.button.form-submit {
  transition: all 0.25s ease-in-out;
  background-color: #014747;
  border: 0;
  color: #fff;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1;
  padding: .75rem 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
}

/* line 81, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn:link, .c-search-form--modal .form-submit:link, form.user-login-form input.button.form-submit:link, .c-btn:visited, .c-search-form--modal .form-submit:visited, form.user-login-form input.button.form-submit:visited {
  color: #fff;
}

/* line 85, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn:hover, .c-search-form--modal .form-submit:hover, form.user-login-form input.button.form-submit:hover {
  background-color: #016060;
  cursor: pointer;
}

/* line 88, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn:focus, .c-search-form--modal .form-submit:focus, form.user-login-form input.button.form-submit:focus {
  background-color: #012e2e;
}

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

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

/* line 55, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--medium, form.user-login-form input.button.form-submit {
  font-size: 1.3rem;
}

/* line 55, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--large, .c-search-form--modal .form-submit {
  font-size: 1.8rem;
}

/* line 27, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--primary {
  background-color: #014747;
  color: #fff;
}

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

/* line 51, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--primary:focus {
  background-color: #012e2e;
}

/* line 41, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--primary:hover {
  background-color: #fff;
  color: #014747;
}

/* line 27, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--white {
  background-color: #fff;
  border: 2px solid #014747;
  color: #014747;
}

/* line 48, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--white:link, .c-btn--white:visited {
  color: #014747;
}

/* line 51, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--white:focus {
  background-color: #f2f2f2;
}

/* line 41, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--white:hover {
  background-color: #014747;
  color: #fff;
}

/* line 102, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--arrow.c-btn--primary {
  background: url(../../processed/svg/arrow--white.svg) right #014747 no-repeat;
  background-size: 1.875rem;
  background-position: 14.375rem;
  padding: 1.5625rem 2.25rem;
  display: block;
  max-width: 18rem;
  font-size: 1.5rem;
}

/* line 110, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--arrow.c-btn--primary:hover {
  background-color: #016060;
  color: #fff;
}

/* line 116, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--rounded {
  border-radius: 2em;
}

/* line 121, web/themes/bricklett/scss/components/_buttons.scss */
.view-footer .c-btn--arrow.c-btn--primary {
  margin: 0 auto;
}

/* ==========================================================================
   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="o-box c-featured-pane" style="background: url('http://placehold.it/1500x500');">
	<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>
```
*/
/* Full size featured pane
   ========================================================================== */
/* line 25, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane {
  width: 100%;
  position: relative;
  margin-bottom: 17.5625rem;
  padding-top: 2.1875rem;
}

@media screen and (min-width: 640px) {
  /* line 25, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane {
    min-height: 376px;
    margin-bottom: 4rem;
    padding-top: 0;
  }
}

/* line 36, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane__content {
  border-color: #014747 #014747 #014747 #fce902;
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  background-color: #014747;
  color: #fff;
  max-width: 654px;
  padding: 3rem;
}

/* line 149, web/themes/bricklett/scss/tools/_mixins.scss */
.c-featured-pane__content a {
  color: #fff;
}

/* line 42, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane__sub {
  display: flex;
  background-image: url("../../img/header_default.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 83.625rem;
  margin: 0 auto;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 42, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane__sub {
    background: none !important;
  }
}

/* line 54, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane__mask {
  color: #fff;
  min-width: 100%;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 54, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane__mask {
    padding: 1.875rem;
  }
}

@media screen and (min-width: 640px) {
  /* line 54, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane__mask {
    background-color: rgba(1, 71, 71, 0.6667);
    padding: 0 3.75rem;
  }
}

/* line 66, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane__source {
  color: #fff;
  font-size: 1.1rem;
  margin: 0;
}

/* line 72, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane__title {
  font-size: 3rem;
  line-height: 3.25rem;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 72, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane__title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}

/* line 81, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane p {
  line-height: 28px;
  font-size: 18px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 81, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #014747;
    margin-bottom: 0;
  }
}

/* line 92, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane a {
  font-weight: 600;
}

/* line 96, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane--front {
  background: url("../../img/front-header.jpg") center top no-repeat;
  background-size: cover;
  overflow: visible;
  min-height: 22.6875rem;
}

/* line 101, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane--front p {
  color: #fff;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 96, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane--front {
    margin-bottom: 9.375rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 96, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane--front {
    min-height: 765px;
  }
}

/* line 111, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane--front .c-featured-pane__content {
  position: absolute;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 111, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane--front .c-featured-pane__content {
    bottom: -7.0625rem;
    left: 3.5625rem;
    right: 3.5625rem;
    max-width: 100%;
    padding: 1.5625rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 111, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-featured-pane--front .c-featured-pane__content {
    bottom: -50px;
    left: 38%;
    right: 10%;
    padding: 2.125rem 2.25rem;
  }
}

/* line 134, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-hero__wrap {
  display: flex;
}

@media screen and (min-width: 640px) {
  /* line 134, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-hero__wrap {
    height: calc(100% - 1rem);
  }
}

/* line 141, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-hero__front {
  clear: both;
}

@media screen and (min-width: 1024px) {
  /* line 141, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-hero__front {
    padding: 0 3.375rem;
  }
}

/* line 146, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-hero__subpage {
  max-width: 900px;
  margin: 0 auto;
  max-width: 900px;
  display: flex;
  flex: 1;
  height: 100%;
  flex-direction: column;
}

@media screen and (min-width: 640px) {
  /* line 146, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-hero__subpage {
    padding-bottom: 2.5rem;
    justify-content: flex-end;
  }
}

/* line 158, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-hero__subpage h2 {
  font-size: 3.375rem;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 158, web/themes/bricklett/scss/components/_featured-pane.scss */
  .c-hero__subpage h2 {
    color: #014747;
    font-size: 2.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 185, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane--small {
  background: #666;
  border: 1px solid #fff;
}

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

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

/* ==========================================================================
   Icon
   ========================================================================== */
/*doc
---
title: Icons
name: icons
category: Components - Icons
---

Library of icons for use throughout the site.  Some of the icons are related to other partials,
but these classes should always be used when possible.

*/
/* line 20, web/themes/bricklett/scss/components/_icons.scss */
.c-icon,
.c-icon--search,
.c-page-foot .c-search-form--footer .button {
  display: inline-block;
}

/* line 28, web/themes/bricklett/scss/components/_icons.scss */

.c-icon--search,
.c-page-foot .c-search-form--footer .button {
  background-image: url("../../processed/svg/glass.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: '';
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  outline: none;
}

/* line 47, web/themes/bricklett/scss/components/_icons.scss */

.c-icon__arrow {
  background-image: url("../../processed/svg/arrow.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: '';
  display: inline-block;
  position: relative;
}

/* line 52, web/themes/bricklett/scss/components/_icons.scss */
.c-custom-block .c-custom-block__link a::after, .c-custom-block .c-custom-block__link .c-custom-block__link--text::after,
.c-icon__arrow--primary {
  background-image: url("../../processed/svg/arrow--primary.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: '';
  display: inline-block;
  position: relative;
}

/* line 57, web/themes/bricklett/scss/components/_icons.scss */
.c-custom-block:hover .c-custom-block__link .c-custom-block__link--text::after, .c-custom-block__callout .c-custom-block__link::after, .c-custom-block:hover .c-custom-block__link a::after, .c-link__more-link::after,
.c-icon__arrow--white {
  background-image: url("../../processed/svg/arrow--white.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: '';
  display: inline-block;
  position: relative;
}

/* line 62, web/themes/bricklett/scss/components/_icons.scss */

.c-icon__arrow--black {
  background-image: url("../../processed/svg/arrow--black.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: '';
  display: inline-block;
  position: relative;
}

/* line 82, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font {
  border-radius: 50%;
  display: inline-block;
  font-size: 1rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "FontAwesome";
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.5;
  margin: .5rem .25rem;
}

/* line 97, web/themes/bricklett/scss/components/_icons.scss */
.c-drop-nav__social .c-icon__font.c-icon__font--facebook:hover {
  background: #3d54a0;
}

/* line 98, web/themes/bricklett/scss/components/_icons.scss */
.c-drop-nav__social .c-icon__font.c-icon__font--twitter:hover {
  background: #58a9ef;
}

/* line 99, web/themes/bricklett/scss/components/_icons.scss */
.c-drop-nav__social .c-icon__font.c-icon__font--youtube:hover {
  background: #cd1132;
}

/* line 100, web/themes/bricklett/scss/components/_icons.scss */
.c-drop-nav__social .c-icon__font.c-icon__font--mail:hover {
  background: #aca886;
}

/* line 103, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font:link, .c-icon__font:visited {
  color: #fff;
}

/* line 109, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--envelope-o::before {
  content: '\f003';
}

/* line 115, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--arrow-right::before {
  content: '\f061';
}

/* line 121, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--arrow-down::before {
  content: '\f107';
}

/* line 127, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--next::before {
  content: '\f105';
}

/* line 133, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--prev::before {
  content: '\f104';
}

/* line 139, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--search::before {
  content: '\f002';
}

/* line 146, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--facebook::before {
  content: '\f09a';
}

/* line 153, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--instagram::before {
  content: '\f16d';
}

/* line 162, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--youtube::before {
  content: '\f167';
}

/* line 169, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--twitter::before {
  content: '\f099';
}

/* line 177, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--linkedin::before {
  content: '\f0e1';
}

/* line 184, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--mail::before {
  content: '\f003';
}

/* line 191, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--rss::before {
  content: '\f09e';
}

/* line 198, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--transcript::before {
  content: '\f0f6';
}

/* line 205, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--pdf::before {
  content: '\f1c1';
}

/* line 211, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--file::before {
  content: '\f15c';
}

/* line 217, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__font--menu::before {
  content: '\f0c9';
}

/* line 223, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social {
  /* this is for standard colors we use defaul, then gray on hover */
}

/* line 224, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social a {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 300;
  vertical-align: middle;
}

/* line 231, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social a.c-icon__font {
  font-family: "FontAwesome";
  font-size: 1.25rem;
}

/* line 237, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--menu {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

/* line 241, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
}

/* line 245, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--menu li.c-icons__social__item--facebook:hover .c-icon__font {
  background: #3d54a0;
}

/* line 246, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--menu li.c-icons__social__item--twitter:hover .c-icon__font {
  background: #58a9ef;
}

/* line 247, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--menu li.c-icons__social__item--instagram:hover .c-icon__font {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fcefb6 0%, #fcefb6 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

/* line 248, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--menu li.c-icons__social__item--mail:hover .c-icon__font {
  background: #aca886;
}

/* line 251, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--menu li a.c-icon__font:link {
  color: #fff;
  background-color: #515151;
  font-size: 21px;
  margin-left: 0;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 10rem;
  text-align: center;
  transition: all .5s;
}

/* line 267, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--footer {
  padding: 0;
  margin: 0;
  list-style: none;
}

@media screen and (min-width: 640px) {
  /* line 267, web/themes/bricklett/scss/components/_icons.scss */
  .c-icons__social--footer {
    float: right;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 267, web/themes/bricklett/scss/components/_icons.scss */
  .c-icons__social--footer {
    text-align: center;
    margin-top: 2.8125rem;
  }
}

/* line 282, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--footer li {
  display: inline-block;
  text-align: center;
}

/* line 286, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--footer li a {
  border-radius: 1rem;
  color: #fff;
  background-color: #515151;
}

/* line 295, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 297, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 301, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard .c-icon__font--rss {
  background: #fa9b39;
}

/* line 305, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard .c-icon__font--facebook {
  background: #3d54a0;
}

/* line 309, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard .c-icon__font--twitter {
  background: #58a9ef;
}

/* line 313, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard .c-icon__font--instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fcefb6 0%, #fcefb6 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

/* line 317, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard .c-icon__font--mail {
  background: #aca886;
}

/* line 321, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard .c-icon__font {
  text-align: center;
}

/* line 324, web/themes/bricklett/scss/components/_icons.scss */
.c-icons__social--standard .c-icon__font:hover {
  background: #515151 none;
}

/* line 331, web/themes/bricklett/scss/components/_icons.scss */
.c-icon--white-bg,
.c-icon--white-bg:link,
.c-icon--white-bg:visited {
  color: #014747;
  text-align: center;
  background-color: #fff;
}

/* ==========================================================================
   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, web/themes/bricklett/scss/components/_list-ui.scss */
.c-list-ui__item {
  border-bottom: 1px solid #ececec;
  padding: .75rem 0;
}

/* line 35, web/themes/bricklett/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, web/themes/bricklett/scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__item {
  padding: 0;
}

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

/* line 76, web/themes/bricklett/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, web/themes/bricklett/scss/components/_logo.scss */
.c-logo--default, .c-logo--reversed {
  display: block;
}

/* line 25, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/components/_overlay.scss */
  .c-overlay.is-active {
    visibility: hidden;
  }
}

/* ==========================================================================
   #Footer component
   ========================================================================== */
/* line 5, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot {
  min-height: 3.125rem;
  width: 100%;
  background-color: #1b2323;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  /* line 11, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__first-row {
    display: flex;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 16, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__first-row .c-page-foot__signup {
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  /* line 16, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__first-row .c-page-foot__signup {
    align-self: center;
    min-width: 27.5rem;
  }
}

/* line 27, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__first-row .c-page-foot__signup h4 {
  font-size: 1.625rem;
}

/* line 33, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__nav {
  padding: 2.0625rem;
  display: none;
}

@media screen and (min-width: 1024px) {
  /* line 33, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__nav {
    display: block;
  }
}

/* line 43, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot .c-footerlist {
  list-style: none;
  text-transform: uppercase;
  padding: 0;
}

/* line 48, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot .c-footerlist__item {
  padding: .25rem 0;
}

/* line 53, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot .form-email {
  background-color: rgba(255, 255, 255, 0.7);
  border: 0;
  padding: .75rem 1rem;
  /* match standard c-btn padding */
  border-radius: 10px;
  height: 3.125rem;
  font-size: 1.125rem;
  font-weight: 600;
  width: 57%;
  max-width: 14.5625rem;
  margin: 0 0 15px 0;
}

@media screen and (min-width: 640px) {
  /* line 53, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot .form-email {
    margin: 0 1.5rem 0 0;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 53, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot .form-email {
    width: 100%;
  }
}

/* line 74, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot .c-search-form--footer .button {
  text-indent: -9999px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #014747;
  border: 0;
  cursor: pointer;
  height: 2.375rem;
  width: 3.125rem;
  padding: .75rem 1rem;
  /* match standard c-btn padding */
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 3.125rem;
  background-position: center;
  background-size: 21px;
}

/* line 91, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot .c-search-form--footer .form-search {
  background-color: rgba(255, 255, 255, 0.7);
  border: 0;
  padding: .75rem 1rem;
  /* match standard c-btn padding */
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 3.125rem;
  font-size: 1.125rem;
  float: left;
  font-weight: 600;
}

/* line 104, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__bottom {
  background-color: #014747;
  text-transform: uppercase;
}

/* line 108, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__bottom .o-grid, .c-page-foot__bottom .c-search-results {
  max-width: 71.625rem;
}

/* line 111, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__bottom span {
  line-height: 22px;
  display: block;
  margin-bottom: 0.3125rem;
}

@media screen and (min-width: 640px) {
  /* line 111, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__bottom span {
    line-height: 1;
  }
}

/* line 120, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__bottom small {
  font-size: 0.6875rem;
  display: block;
  line-height: 20px;
}

@media screen and (min-width: 640px) {
  /* line 120, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__bottom small {
    line-height: 1;
  }
}

/* line 131, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__info {
  padding: 1.4375rem 0 0 0;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 131, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__info {
    text-align: center;
  }
}

/* line 138, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__logo {
  display: flex;
  padding: 0.3125rem 0 0 0;
  line-height: 75px;
}

@media screen and (max-width: 1023px) {
  /* line 138, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__logo {
    text-align: center;
    max-width: 12.75rem;
    margin: 0 auto;
    padding: 25px 0;
    height: 114px;
  }
}

/* line 150, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__logo img {
  height: 64px;
  margin-left: 1.5rem;
}

/* line 158, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__social {
  padding: 1.4375rem 0 0 0;
  margin-bottom: 3.125rem;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 158, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__social {
    text-align: center;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 165, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__social .c-page-foot__link {
    display: none;
  }
}

/* line 170, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__social .c-icon__font {
  text-align: center;
  font-size: 1.5rem;
  margin-top: 0;
  line-height: 2.25rem;
  margin-bottom: 0;
  height: 2.1875rem;
  width: 2.1875rem;
  vertical-align: -3px;
  margin-top: 0;
  font-size: 1.75rem;
}

@media screen and (min-width: 640px) {
  /* line 170, web/themes/bricklett/scss/components/_page-foot.scss */
  .c-page-foot__social .c-icon__font {
    float: left;
  }
}

/* line 186, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__social .c-page-foot__link {
  float: left;
  margin-left: 1.5rem;
}

/* line 191, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot__social small {
  display: inline-block;
  line-height: 1.875rem;
}

/* line 197, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot a {
  color: #fff;
  font-weight: 600;
}

/* line 200, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot a:hover {
  opacity: .8;
}

/* ==========================================================================
   #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
<div class="c-page-head">

  <!-- Includes logo component -->
  <a href="#" class="c-logo--default"></a>

  <!-- Includes primary-nav component -->
  <ul class="c-primary-nav">
    [primary-nav code here]
  </ul>
</div>
```
*/
/* line 28, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head {
  background: #fff;
  width: 100%;
  clear: both;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 28, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  /* line 28, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head {
    float: left;
    height: 141px;
  }
}

/* line 42, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__logo {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 42, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__logo {
    max-width: 125px;
    width: 125px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 42, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__logo {
    top: calc(-1rem - 10px);
  }
}

@media screen and (min-width: 1024px) {
  /* line 55, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__banner {
    display: block;
    background: #000;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 10px 0;
  }
}

/* line 67, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__banner span {
  font-weight: 700;
  font-size: 0.875rem;
  padding-right: 1rem;
  letter-spacing: -.01rem;
  color: #fff;
}

/* line 77, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__items {
  line-height: 4.25rem;
  text-align: right;
}

@media screen and (min-width: 1024px) {
  /* line 80, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__items.lg-8 {
    margin-right: .74426%;
    width: 68.41858%;
  }
}

/* line 88, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__socialrow {
  display: flex;
  justify-content: space-between;
  margin: -5px 1rem 10px 1rem;
}

/* line 94, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__main {
  margin: 0;
  padding: 1rem 3.875rem 0 5.6875rem;
  z-index: 2;
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  /* line 101, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__main > .lg-2 {
    margin-right: 1.24426%;
  }
}

/* line 107, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__main .c-btn, .c-page-head__main .c-search-form--modal .form-submit, .c-search-form--modal .c-page-head__main .form-submit, .c-page-head__main form.user-login-form input.button.form-submit, form.user-login-form .c-page-head__main input.button.form-submit {
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  /* line 107, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__main .c-btn, .c-page-head__main .c-search-form--modal .form-submit, .c-search-form--modal .c-page-head__main .form-submit, .c-page-head__main form.user-login-form input.button.form-submit, form.user-login-form .c-page-head__main input.button.form-submit {
    padding: .75em 1em;
    /* header fluid usage require ems to avoid disortions */
    margin-left: 0;
    position: relative;
    top: -20px;
    text-align: center;
  }
  /* line 236, web/themes/bricklett/scss/tools/_mixins.scss */
  .c-page-head__main .c-btn, .c-page-head__main .c-search-form--modal .form-submit, .c-search-form--modal .c-page-head__main .form-submit, .c-page-head__main form.user-login-form input.button.form-submit, form.user-login-form .c-page-head__main input.button.form-submit {
    font-size: 10.75px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  /* line 236, web/themes/bricklett/scss/tools/_mixins.scss */
  .c-page-head__main .c-btn, .c-page-head__main .c-search-form--modal .form-submit, .c-search-form--modal .c-page-head__main .form-submit, .c-page-head__main form.user-login-form input.button.form-submit, form.user-login-form .c-page-head__main input.button.form-submit {
    font-size: calc(10.75px + 3.4 * ((100vw - 1024px) / 411));
  }
}

@media screen and (min-width: 1024px) and (min-width: 1435px) {
  /* line 236, web/themes/bricklett/scss/tools/_mixins.scss */
  .c-page-head__main .c-btn, .c-page-head__main .c-search-form--modal .form-submit, .c-search-form--modal .c-page-head__main .form-submit, .c-page-head__main form.user-login-form input.button.form-submit, form.user-login-form .c-page-head__main input.button.form-submit {
    font-size: 14.15px;
  }
}

/* line 125, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__search {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.625rem;
}

@media screen and (min-width: 1024px) {
  /* line 125, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__search {
    top: -4px;
    position: relative;
  }
}

/* line 135, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__search svg {
  height: 1.3125rem;
  width: 2rem;
  min-width: 1.25rem;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 135, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__search svg {
    height: 1.5625rem;
    width: 1.5625rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1480px) {
  /* line 135, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__search svg {
    margin-left: 1.875rem;
  }
}

/* line 149, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head .c-icon__font {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-size: 1.125rem;
  line-height: 1.625rem;
  height: 1.625rem;
  width: 1.625rem;
  margin: -3px 0.25rem 0 0;
  /*
    @include media($xlarge) {
      font-size: rem(24);
      line-height: rem(36);
      height: rem(35);
      width: rem(35);
      margin: -3px rem(4);
    }

    @include media($xxlarge) {
      margin: -3px rem(8);
    }*/
}

/* line 175, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head .c-icon__font--twitter {
  background: #58a9ef;
}

/* line 179, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head .c-icon__font--facebook {
  background: #3d54a0;
}

/* line 184, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--mobile {
  background: #014747;
  color: #fff;
  height: 4.375rem;
  padding: 0 2rem;
}

/* line 192, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--mobile .c-page-head__left--mobile .c-page-head__search {
  background: rgba(255, 255, 255, 0.5);
  display: block;
  margin: 14px 0 0 0;
  padding: .25rem;
  border-radius: 50%;
  height: 1.8125rem;
  width: 2.5rem;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 192, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head--mobile .c-page-head__left--mobile .c-page-head__search {
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.375rem;
    text-align: center;
    padding: 7px;
  }
}

/* line 212, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--mobile .c-page-head__center--mobile {
  text-align: center;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 212, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head--mobile .c-page-head__center--mobile {
    height: 4.375rem;
  }
}

/* line 221, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--mobile .c-page-head__right--mobile {
  text-align: right;
}

/* line 223, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--mobile .c-page-head__right--mobile a {
  color: #fff;
  margin-top: calc(35px - 22.5px / 2);
  margin-right: 0;
  display: inline-block;
  font-weight: 600;
}

@media screen and (max-width: 375px) {
  /* line 223, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head--mobile .c-page-head__right--mobile a {
    font-size: 0.75rem;
  }
}

/* line 234, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--mobile .c-page-head__right--mobile a:before {
  content: '';
  height: 12px;
  width: 15px;
  display: inline-block;
  background: url("../../img/hamburger.png");
  margin-right: 5px;
}

@media screen and (max-width: 375px) {
  /* line 234, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head--mobile .c-page-head__right--mobile a:before {
    height: 8px;
    width: 11px;
    background-size: cover;
  }
}

/* line 250, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--mobile.is-active {
  -webkit-transform: translateX(-60vw);
          transform: translateX(-60vw);
}

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

/* line 259, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__nav--mobile {
  display: none;
}

/* line 261, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__nav--mobile.j-open {
  background: #c4c8c9;
  text-transform: uppercase;
  list-style: none;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  padding: 0;
}

@media screen and (min-width: 640px) {
  /* line 261, web/themes/bricklett/scss/components/_page-head.scss */
  .c-page-head__nav--mobile.j-open {
    width: 60vw;
  }
}

/* line 276, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__nav--mobile.j-open .c-primary-nav__item {
  list-style: none;
  font-size: 2rem;
  font-family: 'Open Sans Condensed', sans-serif;
}

/* line 280, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__nav--mobile.j-open .c-primary-nav__item a {
  font-weight: bold;
  padding: 0.9375rem 2.1875rem;
  border-bottom: 1px solid #989C9D;
  font-size: 1.875rem;
}

/* line 285, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__nav--mobile.j-open .c-primary-nav__item a:hover {
  background: #DBDCDE;
  color: #014747;
}

/* line 294, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__nav--mobile-close {
  display: block;
  text-align: right;
  font-size: 20px;
  padding: 20px 27px;
  cursor: pointer;
  border-bottom: 1px solid #989C9D;
  font-weight: bold;
  overflow: hidden;
}

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

/* ==========================================================================
   #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 55, web/themes/bricklett/scss/components/_pager.scss */
.c-pager {
  background: #BFBFBF;
  max-width: 56.125rem;
  width: 100%;
  margin: 0 auto 50px;
  padding: 0;
  font-size: 1.5625rem;
  overflow: hidden;
}

/* line 65, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__item {
  list-style: none;
  display: inline;
}

/* line 68, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__item a:link,
.c-pager__item a:visited {
  display: block;
  background: transparent;
  float: left;
  border-right: 1px solid #fff;
  padding: 2.5rem 1.875rem;
  line-height: 0;
  font-weight: 600;
  color: #fff;
}

/* line 78, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__item a:link:hover,
.c-pager__item a:visited:hover {
  background-color: #012e2e;
}

/* line 82, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__item a:link.is-active a:link,
.c-pager__item a:link.is-active a:visited,
.c-pager__item a:visited.is-active a:link,
.c-pager__item a:visited.is-active a:visited {
  background: #014747;
}

/* line 89, web/themes/bricklett/scss/components/_pager.scss */
.c-pager .c-pager__item.is-active a {
  background: #014747;
}

/* line 92, web/themes/bricklett/scss/components/_pager.scss */
.c-pager .c-pager__next {
  float: right;
  border-right: 0;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 92, web/themes/bricklett/scss/components/_pager.scss */
  .c-pager .c-pager__next {
    display: none;
  }
}

/* line 98, web/themes/bricklett/scss/components/_pager.scss */
.c-pager .c-pager__next a {
  background: url("../../processed/svg/arrow--white.svg") 165px center #014747 no-repeat;
  background-size: 31px;
  padding-right: 6.9375rem;
  width: 100%;
}

/* line 106, web/themes/bricklett/scss/components/_pager.scss */
.c-pager .c-pager__previous {
  display: none;
}

/* line 108, web/themes/bricklett/scss/components/_pager.scss */
.c-pager .c-pager__previous a {
  background: url("../../processed/svg/arrow--white.svg") 165px center #014747 no-repeat;
  background-size: 31px;
  padding-right: 6.9375rem;
  width: 100%;
}

/* line 118, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__link {
  background-color: #ececec;
  color: #014747;
  display: inline-block;
  padding: .5rem;
}

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

/* ==========================================================================
   #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, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
  padding: 0;
}

@media screen and (min-width: 1024px) {
  /* line 27, web/themes/bricklett/scss/components/_primary-nav.scss */
  .c-primary-nav {
    float: left;
  }
}

/* List items class
   ========================================================================== */
/* line 43, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
  position: relative;
}

/* line 236, web/themes/bricklett/scss/tools/_mixins.scss */
.c-primary-nav__item {
  font-size: 10.75px;
}

@media screen and (min-width: 1024px) {
  /* line 236, web/themes/bricklett/scss/tools/_mixins.scss */
  .c-primary-nav__item {
    font-size: calc(10.75px + 3.4 * ((100vw - 1024px) / 411));
  }
}

@media screen and (min-width: 1435px) {
  /* line 236, web/themes/bricklett/scss/tools/_mixins.scss */
  .c-primary-nav__item {
    font-size: 14.15px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 43, web/themes/bricklett/scss/components/_primary-nav.scss */
  .c-primary-nav__item {
    display: inline-block;
    margin: 0 .25em 0 0;
  }
}

@media screen and (min-width: 1280px) {
  /* line 43, web/themes/bricklett/scss/components/_primary-nav.scss */
  .c-primary-nav__item {
    margin: 0 .5em;
  }
}

@media screen and (min-width: 1400px) {
  /* line 43, web/themes/bricklett/scss/components/_primary-nav.scss */
  .c-primary-nav__item {
    margin: 0 .75em;
  }
}

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

/* line 73, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item .c-primary-nav__link {
  font-weight: 600;
}

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

/* line 78, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item .c-primary-nav__link.is-active {
  border-bottom: 2px solid;
}

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

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

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

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

/* line 118, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav {
  margin-bottom: 0;
}

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

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

/* ==========================================================================
   Blocks
   ========================================================================== */
/*doc
---
title: Rows
name: rows
category: Components - Rows
---

Row styling for views.

*/
@media screen and (min-width: 1024px) {
  /* line 18, web/themes/bricklett/scss/components/_rows.scss */
  .c-row__bordered-lb--primary {
    border-bottom: 1px solid #c9c9c9;
  }
}

/* line 22, web/themes/bricklett/scss/components/_rows.scss */
.c-row__bordered-lb--primary > div {
  margin: 1.5rem 0;
}

@media screen and (min-width: 1024px) {
  /* line 22, web/themes/bricklett/scss/components/_rows.scss */
  .c-row__bordered-lb--primary > div {
    border-left: 3px solid #014747;
  }
}

/* line 28, web/themes/bricklett/scss/components/_rows.scss */
.c-row__bordered-lb--primary:last-child {
  border-bottom: 0;
}

/* ==========================================================================
   #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, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__source {
  font-weight: 600;
  color: #fce902;
  margin-bottom: 0;
}

/* line 39, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__title {
  margin-bottom: 0.5rem;
}

/* line 44, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__link {
  color: #014747;
}

/* line 49, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__content {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 400;
}

/* line 56, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__byline {
  margin-top: 0.625rem;
}

/* line 58, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__byline p {
  margin-bottom: 0;
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

/* line 68, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__left.group-left {
  line-height: 0;
}

@media screen and (min-width: 640px) {
  /* line 68, web/themes/bricklett/scss/components/_teaser.scss */
  .c-teaser__left.group-left {
    padding: 0 1.5rem 0 0;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 68, web/themes/bricklett/scss/components/_teaser.scss */
  .c-teaser__left.group-left {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 68, web/themes/bricklett/scss/components/_teaser.scss */
  .c-teaser__left.group-left {
    width: 33.3333%;
  }
}

/* line 81, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__right.group-right {
  padding: 1.6875rem 1.5rem 1.6875rem;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 81, web/themes/bricklett/scss/components/_teaser.scss */
  .c-teaser__right.group-right {
    width: 100%;
    padding: 1.6875rem 0;
  }
}

@media screen and (min-width: 1024px) {
  /* line 81, web/themes/bricklett/scss/components/_teaser.scss */
  .c-teaser__right.group-right {
    width: 66.6666%;
  }
}

/* line 92, web/themes/bricklett/scss/components/_teaser.scss */
.view-content > div {
  margin: 1.875rem 0;
}

@media screen and (min-width: 1024px) {
  /* line 92, web/themes/bricklett/scss/components/_teaser.scss */
  .view-content > div {
    border-bottom: 1px solid #c9c9c9;
    margin: 0;
  }
}

/* line 100, web/themes/bricklett/scss/components/_teaser.scss */
.view-content > div:last-child {
  border-bottom: 0;
}

/*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>
```
*/
/* ==========================================================================
   Blocks
   ========================================================================== */
/*doc
---
title: Blocks
name: blocks
category: Components - Blocks
---

Block styling for homepage and custom blocks.

*/
@media screen and (min-width: 0) {
  /* line 19, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block__image {
    line-height: 0;
  }
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 17, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block {
    border-left: 3px solid #014747;
    margin-bottom: 4.375rem;
    height: auto !important;
  }
  /* line 28, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block:last-child {
    margin-bottom: 0;
  }
  /* line 31, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block a {
    padding: 0.625rem 1.25rem;
  }
  /* line 34, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block .c-custom-block__link--text {
    font-size: 1.25rem;
    font-weight: 600;
  }
}

@media screen and (min-width: 1024px) {
  /* line 17, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block {
    border-color: #c6c6c6 #c6c6c6 #c6c6c6 #014747;
    border-style: solid;
    border-width: 1px 1px 1px 3px;
  }
}

/* line 42, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block a p {
  color: #000;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

/* line 47, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block .c-custom-block__link a::after {
  height: 1.875rem;
  width: 1.875rem;
  margin-left: 1.5rem;
  display: inline-block;
  bottom: -.66667rem;
}

/* line 51, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block .c-custom-block__link .c-custom-block__link--text::after {
  height: 1.875rem;
  width: 1.875rem;
  margin-left: 1.5rem;
  display: inline-block;
  bottom: -.66667rem;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 51, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block .c-custom-block__link .c-custom-block__link--text::after {
    bottom: -7px;
  }
}

/* line 58, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block:hover .c-custom-block__link .c-custom-block__link--text::after {
  height: 1.875rem;
  width: 1.875rem;
  margin-left: 1.5rem;
  display: inline-block;
  bottom: -.66667rem;
}

/* line 64, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__linkwrap {
  padding: 1.5rem;
  display: block;
  min-height: 200px;
}

/* line 76, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__front--twitter #twitter-widget-1 {
  width: 100% !important;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 79, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block__front--twitter iframe {
    display: block !important;
    margin: 0 auto !important;
  }
}

@media screen and (min-width: 640px) {
  /* line 75, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block__front--twitter {
    float: left;
    display: block;
    width: 48.12787%;
  }
  /* line 91, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block__front--twitter .t-right {
    margin-top: 7px;
    background: #2796DD;
    padding: 0.25rem;
    border-radius: 0.3125rem;
    line-height: 0;
  }
  /* line 97, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block__front--twitter .t-right:hover {
    background: #0c7abf;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 104, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block__front--featured {
    max-width: 27.5rem;
    margin: 0 auto 3.125rem;
  }
}

@media screen and (min-width: 640px) {
  /* line 104, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block__front--featured {
    float: right;
    display: block;
    padding-left: 2.5rem;
    width: 48.12787%;
    border-left: 1px solid #b3b3b3;
  }
}

/* line 119, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__title {
  color: #014747;
  margin-bottom: 0.625rem;
}

/* line 124, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__callout {
  border-color: #014747 #014747 #014747 #fce902;
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  background-color: #014747;
  color: #fff;
  padding: 1.5rem;
  color: #fff;
  display: block;
}

/* line 149, web/themes/bricklett/scss/tools/_mixins.scss */
.c-custom-block__callout a {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  /* line 124, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block__callout {
    float: right;
    width: 66.666%;
    margin-right: -1.25rem;
    margin-top: -4.5rem;
    position: relative;
    margin-bottom: 7.4375rem;
  }
}

/* line 138, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__callout .c-custom-block__content p {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-bottom: 0;
}

/* line 145, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__callout .c-custom-block__title {
  color: #fff;
}

/* line 148, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__callout .c-custom-block__link {
  color: #fff;
}

/* line 152, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__callout .c-custom-block__link::after {
  height: 1.875rem;
  width: 1.875rem;
  margin-left: 1.5rem;
  display: inline-block;
  bottom: -.66667rem;
}

/* line 160, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block__callout:hover .c-custom-block__link::after {
  background-color: #107274;
  border-radius: 6.25rem;
}

@media screen and (min-width: 1024px) {
  /* line 167, web/themes/bricklett/scss/components/_blocks.scss */
  .c-custom-block {
    margin: 0;
  }
}

/* line 173, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block:hover {
  border-color: #014747 #014747 #014747 #fce902;
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  background-color: #014747;
  color: #fff;
}

/* line 149, web/themes/bricklett/scss/tools/_mixins.scss */
.c-custom-block:hover a {
  color: #fff;
}

/* line 175, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block:hover .c-custom-block__title {
  color: #fff;
}

/* line 179, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block:hover .c-custom-block__link a::after {
  height: 1.875rem;
  width: 1.875rem;
  margin-left: 1.5rem;
  display: inline-block;
  bottom: -.66667rem;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  /* line 186, web/themes/bricklett/scss/components/_blocks.scss */
  .c-blocks-3 .c-custom-block {
    min-height: 18.875rem !important;
  }
}

@media screen and (min-width: 1024px) {
  /* line 186, web/themes/bricklett/scss/components/_blocks.scss */
  .c-blocks-3 .c-custom-block {
    width: 32%;
    float: left;
    min-height: 0;
  }
}

@media screen and (min-width: 1024px) {
  /* line 196, web/themes/bricklett/scss/components/_blocks.scss */
  .c-blocks-3 .c-custom-block:nth-child(2) {
    margin: 0 2%;
  }
}

/* line 203, web/themes/bricklett/scss/components/_blocks.scss */
.c-blocks-4 .c-custom-block {
  width: 100%;
}

@media screen and (min-width: 640px) {
  /* line 203, web/themes/bricklett/scss/components/_blocks.scss */
  .c-blocks-4 .c-custom-block {
    width: 48%;
    margin: 1% 1%;
    float: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 203, web/themes/bricklett/scss/components/_blocks.scss */
  .c-blocks-4 .c-custom-block {
    width: 49%;
    margin: 0 1%;
    float: left;
  }
}

/* line 216, web/themes/bricklett/scss/components/_blocks.scss */
.c-blocks-4 .c-custom-block .c-custom-block__linkwrap {
  max-height: 15.3125rem;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 1024px) {
  /* line 203, web/themes/bricklett/scss/components/_blocks.scss */
  .c-blocks-4 .c-custom-block {
    width: 24%;
    margin: 0 .5%;
  }
}

/* line 244, web/themes/bricklett/scss/components/_blocks.scss */
.c-custom-block:hover a p {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  /* line 249, web/themes/bricklett/scss/components/_blocks.scss */
  .c-resoures__view-header .c-custom-block__callout {
    float: left;
    width: 66.666%;
    margin-left: 1.6875rem;
    margin-top: -9rem;
    position: relative;
    margin-bottom: 7.4375rem;
  }
}

/* line 261, web/themes/bricklett/scss/components/_blocks.scss */
.c-blocks-4 {
  max-width: 76.875rem !important;
}

/* ==========================================================================
   Filters
   ========================================================================== */
/*doc
---
title: Filters
name: filters
category: Components - Filters
---



*/
/* line 17, web/themes/bricklett/scss/components/_filters.scss */
.c-filters .js-form-item {
  float: left;
}

/* line 20, web/themes/bricklett/scss/components/_filters.scss */
.c-filters input[type="submit"] {
  background: #014747;
  display: block;
  height: 72px;
  width: 103px;
  color: #fff;
  border: 0;
  font-size: 1.5625rem;
  cursor: pointer;
}

/* line 29, web/themes/bricklett/scss/components/_filters.scss */
.c-filters input[type="submit"]:hover {
  background: #012e2e;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 34, web/themes/bricklett/scss/components/_filters.scss */
  .c-filters .form-item {
    background: #014747;
    padding: 0.3125rem 0.9375rem 1.0625rem;
    color: #fff;
    margin-bottom: 0.625rem;
    font-size: 1.5625rem;
    width: 100%;
  }
  /* line 41, web/themes/bricklett/scss/components/_filters.scss */
  .c-filters .form-item select {
    background: #fff;
    margin-bottom: 0;
    width: 100%;
    font-size: 1.125rem;
    padding: 0.3125rem;
  }
}

/* line 50, web/themes/bricklett/scss/components/_filters.scss */
.c-filters label {
  min-width: 18rem;
  margin-right: 2.1875rem;
}

@media screen and (min-width: 640px) {
  /* line 50, web/themes/bricklett/scss/components/_filters.scss */
  .c-filters label {
    padding: 1.0625rem 2.0625rem;
    font-size: 25px;
    background: url("../../img/arrow-filter.png") right #014747 no-repeat;
    color: #fff;
  }
}

/* line 60, web/themes/bricklett/scss/components/_filters.scss */
.c-filters .chosen-choices {
  opacity: 0;
}

/* line 63, web/themes/bricklett/scss/components/_filters.scss */
.c-filters .chosen-container-active .chosen-choices {
  opacity: 1;
}

/* line 68, web/themes/bricklett/scss/components/_filters.scss */
.chosen-container {
  width: 100% !important;
  max-width: 18rem;
}

/* line 71, web/themes/bricklett/scss/components/_filters.scss */
.chosen-container .chosen-choices {
  background: #fff;
  padding: 0.625rem;
  font-size: 0.9375rem;
  border-color: #014747;
}

/* line 77, web/themes/bricklett/scss/components/_filters.scss */
.chosen-container .chosen-drop {
  background: #014747;
  border: 0 !important;
}

/* line 81, web/themes/bricklett/scss/components/_filters.scss */
.chosen-container .chosen-drop li {
  color: #fff !important;
  padding: 0.625rem;
  font-size: 0.9375rem;
}

/* line 85, web/themes/bricklett/scss/components/_filters.scss */
.chosen-container .chosen-drop li.highlighted {
  background: #012424;
}

/* line 88, web/themes/bricklett/scss/components/_filters.scss */
.chosen-container .chosen-drop li:last-child {
  border-bottom: 0;
}

/* line 95, web/themes/bricklett/scss/components/_filters.scss */
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  min-width: 100%;
  width: 100% !important;
  /*display: none;*/
}

/* line 101, web/themes/bricklett/scss/components/_filters.scss */
.views-exposed-form .form-item {
  position: relative;
}

/* line 103, web/themes/bricklett/scss/components/_filters.scss */
.views-exposed-form .form-item .chosen-container {
  top: 0;
  position: absolute;
  width: 100%;
}

/* line 107, web/themes/bricklett/scss/components/_filters.scss */
.views-exposed-form .form-item .chosen-container .chosen-single {
  height: 4.4375rem;
  visibility: hidden;
}

/* ==========================================================================
   Links
   ========================================================================== */
/* line 8, web/themes/bricklett/scss/components/_links.scss */
.c-link__more-link::after {
  height: 1.875rem;
  width: 1.875rem;
  margin-left: 1.5rem;
  display: inline-block;
  bottom: -.66667rem;
}

/* line 12, web/themes/bricklett/scss/components/_links.scss */
.c-link__more-link:hover::after {
  background-color: #107274;
  border-radius: 6.25rem;
}

/* ==========================================================================
   Main
   ========================================================================== */
/*doc
---
title: Main
name: Main
category: Components - Main
---

Main area styling, contains variations for differing gutters.

*/
/* line 18, web/themes/bricklett/scss/components/_main.scss */
.c-main__subpage {
  max-width: 900px;
  margin: 0 auto;
}

/* line 22, web/themes/bricklett/scss/components/_main.scss */
.c-main__subpage h5 {
  font-weight: 600;
  margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  /* line 27, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage.include-toc h5 {
    clear: both;
    /*to deal with the floated quotes and images */
  }
}

/* line 32, web/themes/bricklett/scss/components/_main.scss */
.c-main__subpage strong {
  font-weight: 600;
}

@media screen and (min-width: 1024px) {
  /* line 36, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage img[data-align="right"],
  .c-main__subpage img.align-right {
    margin: 1.5rem -60px 1.5rem 1.5rem;
    max-width: 40%;
    float: right;
    height: auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 46, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage img[data-align="left"],
  .c-main__subpage img.align-left {
    margin: 1.5rem 1.5rem 1.5rem -60px;
    max-width: 40%;
    float: left;
    height: auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 56, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage img[data-align="center"],
  .c-main__subpage img.align-center {
    margin: 1.5rem 0;
    height: auto;
    display: block;
  }
}

/* line 65, web/themes/bricklett/scss/components/_main.scss */
.c-main__subpage figcaption {
  font-size: .8rem;
  font-style: italic;
}

/* line 70, web/themes/bricklett/scss/components/_main.scss */
.c-main__subpage figure img {
  height: auto;
}

@media screen and (min-width: 1024px) {
  /* line 74, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage figure.align-right {
    margin: 1.5rem -60px 1.5rem 1.5rem;
    max-width: 40%;
    float: right;
  }
}

@media screen and (min-width: 1024px) {
  /* line 82, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage figure.align-left {
    margin: 1.5rem 1.5rem 1.5rem -60px;
    max-width: 40%;
    float: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 90, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage figure.align-center {
    margin: 1.5rem 0;
    display: block;
  }
}

/* line 97, web/themes/bricklett/scss/components/_main.scss */
.c-main__subpage .c-image-row__three {
  clear: both;
}

@media screen and (min-width: 640px) {
  /* line 97, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage .c-image-row__three {
    margin: 1.5rem 0;
  }
}

@media screen and (min-width: 1024px) {
  /* line 97, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage .c-image-row__three {
    margin: 1.5rem -60px;
  }
}

/* line 107, web/themes/bricklett/scss/components/_main.scss */
.c-main__subpage .c-image-row__three img {
  display: inline-block;
  margin: 0;
}

@media screen and (min-width: 640px) {
  /* line 107, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage .c-image-row__three img {
    width: 32%;
  }
}

@media screen and (min-width: 640px) {
  /* line 115, web/themes/bricklett/scss/components/_main.scss */
  .c-main__subpage .c-image-row__three img:nth-child(2) {
    margin: 0 1.5%;
  }
}

/* line 128, web/themes/bricklett/scss/components/_main.scss */
.c-main__share--wrap {
  float: right;
  margin: 0 0 1.0625rem;
}

@media screen and (min-width: 640px) {
  /* line 128, web/themes/bricklett/scss/components/_main.scss */
  .c-main__share--wrap {
    margin: 1.0625rem 0 0;
  }
}

/* line 4, web/themes/bricklett/scss/components/_region.scss */
.c-region__content {
  clear: both;
}

@media screen and (min-width: 640px) {
  /* line 4, web/themes/bricklett/scss/components/_region.scss */
  .c-region__content {
    padding: 0 3.875rem;
  }
}

@media screen and (min-width: 1280px) {
  /* line 11, web/themes/bricklett/scss/components/_region.scss */
  .c-region__precontent {
    margin: 0 -132px;
  }
}

/* line 6, web/themes/bricklett/scss/components/_signup.scss */
.c-signup__form .c-btn, .c-signup__form .c-search-form--modal .form-submit, .c-search-form--modal .c-signup__form .form-submit, .c-signup__form form.user-login-form input.button.form-submit, form.user-login-form .c-signup__form input.button.form-submit {
  text-transform: uppercase;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 600;
  height: 3.375rem;
  min-width: 8.4375rem;
}

/* line 16, web/themes/bricklett/scss/components/_signup.scss */
.c-signup__content {
  padding: 1.5rem 0;
  z-index: 600;
}

@media screen and (min-width: 1024px) {
  /* line 16, web/themes/bricklett/scss/components/_signup.scss */
  .c-signup__content {
    padding: 1.5rem;
  }
}

/* line 22, web/themes/bricklett/scss/components/_signup.scss */
.c-signup__content h4 {
  margin-bottom: 0;
}

/* line 27, web/themes/bricklett/scss/components/_signup.scss */
.c-signup--full-width {
  color: #fff;
}

/* line 37, web/themes/bricklett/scss/components/_signup.scss */
.c-signup--full-width .c-signup__form .form-email {
  border: 0;
  margin-right: .5rem;
  border-radius: 10px;
  padding: 0.9375rem 1.25rem;
  width: 68%;
  font-size: 1.125rem;
  max-width: 17.8125rem;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 37, web/themes/bricklett/scss/components/_signup.scss */
  .c-signup--full-width .c-signup__form .form-email {
    width: 100%;
    margin: 0 0 20px;
    max-width: 100%;
    width: 100%;
  }
}

/* line 54, web/themes/bricklett/scss/components/_signup.scss */
.c-signup--full-width .c-btn, .c-signup--full-width .c-search-form--modal .form-submit, .c-search-form--modal .c-signup--full-width .form-submit, .c-signup--full-width form.user-login-form input.button.form-submit, form.user-login-form .c-signup--full-width input.button.form-submit {
  background-color: #429397;
  -webkit-appearance: none;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 54, web/themes/bricklett/scss/components/_signup.scss */
  .c-signup--full-width .c-btn, .c-signup--full-width .c-search-form--modal .form-submit, .c-search-form--modal .c-signup--full-width .form-submit, .c-signup--full-width form.user-login-form input.button.form-submit, form.user-login-form .c-signup--full-width input.button.form-submit {
    margin: 0 auto;
    display: block;
  }
}

/* line 64, web/themes/bricklett/scss/components/_signup.scss */
.c-signup--popup {
  color: #fff;
  display: none;
  position: fixed;
  z-index: 600;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(1, 71, 71, 0.9);
}

@media screen and (min-width: 1024px) {
  /* line 64, web/themes/bricklett/scss/components/_signup.scss */
  .c-signup--popup {
    top: 7.6875rem;
    left: calc((100% - 820px) / 2);
    width: 820px;
    height: auto;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  }
}

/* line 83, web/themes/bricklett/scss/components/_signup.scss */
.c-signup--popup .c-signup__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  /* line 88, web/themes/bricklett/scss/components/_signup.scss */
  .c-signup--popup .c-signup__content {
    padding: 2rem 4rem;
  }
}

/* line 102, web/themes/bricklett/scss/components/_signup.scss */
.c-signup--popup .c-signup__form .form-email {
  border: 0;
  margin-right: .5rem;
  border-radius: 10px;
  padding: 0.9375rem 1.25rem;
  width: 68%;
  font-size: 1.125rem;
}

/* line 112, web/themes/bricklett/scss/components/_signup.scss */
.c-signup--popup .c-btn, .c-signup--popup .c-search-form--modal .form-submit, .c-search-form--modal .c-signup--popup .form-submit, .c-signup--popup form.user-login-form input.button.form-submit, form.user-login-form .c-signup--popup input.button.form-submit {
  background-color: #429397;
}

/* line 116, web/themes/bricklett/scss/components/_signup.scss */
.c-signup--popup .c-signup__close {
  font-size: 4rem;
  line-height: .5;
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #fff;
  font-weight: 300;
}

/* line 128, web/themes/bricklett/scss/components/_signup.scss */
.hz-email-signup__text {
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  /* line 133, web/themes/bricklett/scss/components/_signup.scss */
  .user-logged-in .c-signup--popup {
    top: 200px;
  }
}

/* line 4, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__top {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 0.625rem;
  padding: 0.5625rem 0 0;
  overflow: hidden;
}

/* line 16, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline .c-timeline__top-button a {
  color: #7a7a7a;
  text-transform: uppercase;
  border: 1px solid #c6c6c6;
  display: block;
  background-size: 35px;
}

/* line 22, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline .c-timeline__top-button a:hover {
  background-size: 37px;
}

/* line 27, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline .c-timeline__top-button.c-timeline__sidebar--cancel-search {
  display: none;
  width: 200px;
  margin-top: -8px;
  margin-bottom: -10px;
  background: url("../../img/cancel-search.png") right no-repeat #014747;
  border-color: #014747;
}

/* line 34, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline .c-timeline__top-button.c-timeline__sidebar--cancel-search a {
  color: #fff;
  padding: 0.9375rem;
  border-color: #014747;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 27, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline .c-timeline__top-button.c-timeline__sidebar--cancel-search {
    position: absolute;
    top: 67px;
    width: 100%;
  }
}

/* line 47, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items {
  box-sizing: border-box;
}

/* line 52, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items.searchInProgress .timeline-year:not(.matchesSearch) {
  display: none;
}

/* line 56, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items.searchInProgress .month:not(.matchesSearch) {
  display: none;
}

/* line 60, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items.searchInProgress .c-timeline__entry:not(.matchesSearch) {
  display: none;
}

/* line 65, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items.noSearchMatch {
  display: none;
}

@media screen and (min-width: 1024px) {
  /* line 47, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items {
    width: 80%;
    display: inline-block;
  }
  /* line 73, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items.sidebar-fixed {
    margin-left: 28%;
  }
}

/* line 78, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap {
  list-style: none;
  padding-left: 0;
  border-left: 2px solid #c6c6c6;
  border-left: 0 !important;
}

/* line 82, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap .c-timeline__top {
  position: relative;
}

/* line 85, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap .c-timeline__top.sticky {
  background-color: #fff;
  margin-left: 14px;
  position: fixed;
  z-index: 100;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 85, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--wrap .c-timeline__top.sticky {
    top: auto !important;
    position: relative;
  }
}

@media screen and (min-width: 1024px) {
  /* line 97, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--wrap .timeline-year {
    border-left: 2px solid #c6c6c6;
  }
}

/* line 102, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap .c-timeline__timeline-title {
  text-transform: uppercase;
  color: #014747;
  font-size: 1.5625rem;
  font-weight: 600;
  padding-left: 0.625rem;
  float: left;
  height: 38px;
  display: block;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 102, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--wrap .c-timeline__timeline-title {
    display: none;
  }
}

/* line 116, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap .c-timeline__timeline-filter-area {
  display: block;
  float: right;
}

@media screen and (max-width: 423px) {
  /* line 116, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--wrap .c-timeline__timeline-filter-area {
    float: none;
    width: 100%;
  }
}

/* line 123, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap .c-timeline__timeline-filter-area input {
  margin-bottom: 0;
  float: right;
  border: 0;
  background: 0;
  font-size: 1.125rem;
  background: url("../../svg/glass2.svg") right no-repeat;
  background-size: 1.375rem;
}

@media screen and (max-width: 423px) {
  /* line 123, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--wrap .c-timeline__timeline-filter-area input {
    float: none;
    width: 100%;
  }
}

/* line 140, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap .c-timeline__timeline-years-select {
  box-sizing: border-box;
  position: relative;
  z-index: 20;
  top: 10px;
}

/* line 146, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap .c-timeline__timeline-years-select select {
  width: 100%;
  background: url("../../img/arrow-timeline-select.png") right #014747 no-repeat;
  background-size: 2.1875rem;
  color: #fff;
  border-radius: 0;
  border: 0;
  font-size: 1.125rem;
  padding: 15px 20px;
  -webkit-appearance: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: auto;
}

/* line 161, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--wrap .c-timeline__timeline-years-select select.sticky {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 50;
}

@media screen and (min-width: 1024px) {
  /* line 140, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--wrap .c-timeline__timeline-years-select {
    display: none;
  }
}

/* line 180, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--monthheader, .c-timeline__items--yearheader {
  margin: 0 0 0 6rem;
  color: #fff;
  background-color: #014747;
  padding: 0.3125rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2.875rem;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 180, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--monthheader, .c-timeline__items--yearheader {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 1024px) {
  /* line 194, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--monthheader span, .c-timeline__items--yearheader span {
    display: none;
  }
}

/* line 201, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__items--yearheader {
  background-color: #c6c6c6;
}

/* line 206, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__entry {
  padding: 0 0 0 6rem;
  position: relative;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///8bGxv///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==);
  background-position: center;
  background-repeat: repeat-x;
  list-style: none;
}

/* line 200, web/themes/bricklett/scss/tools/_mixins.scss */
.c-timeline__entry::before {
  display: inline-block;
  border: 2px solid #c6c6c6;
  content: '';
  top: calc(50% - (1.5rem / 2));
  left: calc((1.5rem / -2) - 1px);
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 1.5rem;
  position: absolute;
  background-color: #fff;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 206, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__entry {
    padding-left: 0;
  }
  /* line 212, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__entry:before {
    display: none;
  }
}

/* line 217, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__entry--content {
  padding: 1.5rem;
  border: 1px solid #c6c6c6;
  background: #fff;
  margin: 3rem 0;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 217, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__entry--content {
    margin: 0;
    border-width: 0 0 1px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 217, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__entry--content {
    display: flex;
  }
}

/* line 225, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__entry--content p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 1.125rem;
}

/* line 232, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__entry--date {
  background: #014747;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  /* line 237, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__entry--left {
    min-width: 200px;
    align-self: center;
    justify-self: center;
  }
}

@media screen and (min-width: 1024px) {
  /* line 245, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__entry--main {
    width: 66.6666%;
    padding: 0 1.5rem;
  }
}

/* line 249, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__entry--monthheader {
  color: #014747;
}

@media screen and (min-width: 1024px) {
  /* line 249, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__entry--monthheader {
    margin: 0;
    text-align: center;
  }
}

/* line 265, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar {
  box-sizing: border-box;
  display: none;
}

@media screen and (min-width: 1024px) {
  /* line 265, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__sidebar {
    width: 20%;
    float: left;
    display: block;
    padding: 1px 0 0 0;
    height: 70%;
    overflow: hidden;
    text-align: left;
  }
}

/* line 279, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar--wrap {
  max-width: 12.8rem;
  margin: 0;
  width: 12.5rem;
  padding: 0 1.4375rem 0 0;
}

/* line 286, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar--back-to-top {
  background-color: #fff;
  width: 100%;
  text-align: right;
}

/* line 290, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar--back-to-top a {
  padding: 0.9375rem 3.125rem 0.9375rem 0;
  background: url("../../img/arrow-back-to-top.png") right no-repeat;
}

/* line 295, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

/* line 304, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.pointer {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  cursor: pointer;
  background: url("../../processed/svg/arrow--primary.svg") center center no-repeat;
}

/* line 311, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.pointer.pointer-up {
  margin-bottom: 12px;
  margin-top: 0.75rem;
  visibility: hidden;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* line 318, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.pointer.pointer-up:hover {
  width: 2rem;
  height: 2rem;
  margin-top: 10px;
}

/* line 325, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.pointer.pointer-down {
  margin-top: 12px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 331, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.pointer:hover {
  width: 32px;
  height: 32px;
}

/* line 337, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.year {
  margin: 2px 0;
  width: 100%;
  font-size: 1.125rem;
  margin-bottom: 4px;
}

/* line 343, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.year.showme {
  outline: 1px solid green;
}

/* line 347, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.year.hideme {
  outline: 1px solid red;
}

/* line 351, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.year span {
  color: #bfc1c3;
  font-weight: semi-bold;
  cursor: pointer;
  border-bottom: 1px dotted #bfc1c3;
}

/* line 359, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.year:hover span {
  color: #222;
}

/* line 364, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.year.active {
  box-sizing: border-box;
  border-bottom: none;
}

/* line 368, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__sidebar ul li.year.active span {
  color: #014747;
  font-size: 1.5rem;
  font-weight: 600;
}

/* line 382, web/themes/bricklett/scss/components/_timeline.scss */
.path-timeline .o-grid, .path-timeline .c-search-results {
  padding: 0 1.875rem;
}

/* line 385, web/themes/bricklett/scss/components/_timeline.scss */
.path-timeline .c-featured-pane {
  margin-bottom: 5px;
}

/* line 388, web/themes/bricklett/scss/components/_timeline.scss */
.path-timeline .c-region__content {
  padding: 0;
}

/* line 393, web/themes/bricklett/scss/components/_timeline.scss */
.timeline-year .month:last-child {
  padding-bottom: 3rem;
}

/* line 395, web/themes/bricklett/scss/components/_timeline.scss */
.timeline-year .month:last-child .c-timeline__entry--content {
  margin-bottom: 0;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 401, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__top {
    width: 100%;
    float: right;
  }
  /* line 405, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__timeline-years-select {
    width: 100%;
    float: left;
  }
}

@media screen and (min-width: 0) and (max-width: 1024px) and (min-width: 1024px) {
  /* line 405, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__timeline-years-select {
    width: 50%;
  }
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 411, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__timeline-years-select select {
    background: url("../../img/arrow-timeline-select2.png") right #fff no-repeat !important;
    border: 1px solid #014747 !important;
    color: #014747 !important;
    border-radius: 0.625rem !important;
    font-size: 1.875rem !important;
  }
  /* line 419, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__top {
    border-bottom: 0;
    margin-top: 16px;
  }
  /* line 423, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__timeline-years-wrap {
    clear: both;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 429, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__items--wrap {
    border-top: 3px solid #014747;
    padding-top: 32px;
  }
}

@media screen and (max-width: 492px) {
  /* line 436, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__top {
    width: 100%;
  }
  /* line 439, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__timeline-years-select {
    width: 100%;
  }
}

/* line 444, web/themes/bricklett/scss/components/_timeline.scss */
.c-timeline__share--wrap {
  margin-top: 0;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  padding-bottom: 0.25rem;
}

@media screen and (min-width: 472px) {
  /* line 444, web/themes/bricklett/scss/components/_timeline.scss */
  .c-timeline__share--wrap {
    border-left: 1px solid #c6c6c6;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 454, web/themes/bricklett/scss/components/_timeline.scss */
  .searchInProgress .c-timeline__share--wrap {
    margin-bottom: 5.3125rem;
  }
}

/* ==========================================================================
   TOC component
   ========================================================================== */
/*doc
---
title: TOC
name: toc
category: Components - TOC
---


```html_example
```
*/
/* line 18, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container {
  overflow: hidden;
  padding: 0;
}

@media screen and (min-width: 640px) {
  /* line 18, web/themes/bricklett/scss/components/_toc.scss */
  .include-toc #toc-container {
    margin-bottom: 3.375rem;
  }
}

/* line 25, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc {
  border: 0;
  border-color: #7b7b7b;
  counter-reset: section;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 25, web/themes/bricklett/scss/components/_toc.scss */
  .include-toc #toc-container #toc {
    border-top: 1px solid #c6c6c6;
  }
}

/* line 32, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:first-child {
  border: solid #c6c6c6;
  border-width: 0 1px 1px;
}

/* line 35, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:first-child:hover {
  background: #014747;
  cursor: pointer;
}

/* line 38, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:first-child:hover a {
  background: url("../../img/hamburger--light.png") 20px no-repeat !important;
  color: #fff;
}

/* line 43, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:first-child a {
  padding: 15px 20px 15px 50px;
  border: 0;
  height: auto;
  color: #014747;
  font-size: 1.5625rem;
  background: url("../../img/hamburger--dark.png") 20px no-repeat;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 43, web/themes/bricklett/scss/components/_toc.scss */
  .include-toc #toc-container #toc li:first-child a {
    font-size: 1rem;
  }
}

/* line 55, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:nth-child(2) a {
  border-top: 0;
}

/* line 58, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:last-child a {
  border-bottom: 1px solid #c6c6c6;
}

/* line 61, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:not(:first-child) {
  counter-increment: section;
}

/* line 64, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:not(:first-child)::before {
  content: counter(section, decimal);
  width: 2.1875rem;
  height: 2.1875rem;
  padding: 0.3125rem 0;
  background: #c6c6c6;
  color: #fff;
  float: left;
  border-bottom: 1px solid #fff;
  margin-right: 1.875rem;
  text-align: center;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 64, web/themes/bricklett/scss/components/_toc.scss */
  .include-toc #toc-container #toc li:not(:first-child)::before {
    display: none;
  }
}

/* line 79, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:not(:first-child):hover {
  background: 0;
  cursor: pointer;
}

/* line 82, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li:not(:first-child):hover::before {
  background: #014747;
}

/* line 88, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li {
  padding: 0;
}

/* line 92, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li a {
  border: solid #c6c6c6;
  border-width: 1px 1px 0;
  width: 100%;
  display: block;
  height: 2.1875rem;
  padding: 4px 0;
  position: relative;
  color: #000;
  font-weight: 600;
  cursor: pointer;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 92, web/themes/bricklett/scss/components/_toc.scss */
  .include-toc #toc-container #toc li a {
    height: auto;
    min-height: 2.1875rem;
    padding: 6px 10px 6px 51px;
  }
}

/* line 110, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li a span.toc-number-block {
  position: absolute;
  top: 0;
  display: none;
  left: 0;
  width: 2.1875rem;
  height: 2.1875rem;
  text-align: center;
  background-color: #c6c6c6;
  color: #fff;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 110, web/themes/bricklett/scss/components/_toc.scss */
  .include-toc #toc-container #toc li a span.toc-number-block {
    display: block;
    padding-top: 5px;
  }
}

/* line 130, web/themes/bricklett/scss/components/_toc.scss */
.include-toc #toc-container #toc li a i {
  background: url("../../img/arrow-toc.png");
  border: 0;
  height: 30px;
  width: 30px;
  top: 10px;
  right: 12px;
}

/* line 145, web/themes/bricklett/scss/components/_toc.scss */
div#toc i {
  display: none;
}

/* line 150, web/themes/bricklett/scss/components/_toc.scss */
#toc.expanded li:first-child {
  background: #014747;
}

/* line 152, web/themes/bricklett/scss/components/_toc.scss */
#toc.expanded li:first-child a {
  color: #fff !important;
  background: url("../../img/hamburger--light.png") 20px no-repeat !important;
}

/* custom views scss */
/* line 3, web/themes/bricklett/scss/components/_views.scss */
.c-resoures__view-header {
  border-top: 1px solid;
  margin-top: 1rem;
  padding-top: 1rem;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 8, web/themes/bricklett/scss/components/_views.scss */
  .c-resoures__view-header > .layout--onecol {
    margin-bottom: 2.5rem;
  }
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 18, web/themes/bricklett/scss/components/_views.scss */
  .o-grid--narrow {
    padding: 0 2.5rem;
  }
}

/* hook css to alter default views ajax snpinner (ajax-progress-throbber) */
/* line 26, web/themes/bricklett/scss/components/_views.scss */
.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  text-indent: -99999em;
}

/* line 45, web/themes/bricklett/scss/components/_views.scss */
.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before {
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
  border-radius: 120px;
  border-width: 5px;
  border-style: solid;
  border-color: #014747 transparent #014747 transparent;
  overflow: hidden;
  text-indent: -99999em;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* ==========================================================================
   Org-chart component
   ========================================================================== */
/*doc
---
title: Organizational Chart
name: Org Chart
category: Components - org-chart
---


```html_example
```


/* Main container */
/* line 18, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-main-wrapper {
  float: left;
  width: 100%;
  background-color: #fff;
  min-height: 700px;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 18, web/themes/bricklett/scss/components/_org-chart.scss */
  .oc-main-wrapper {
    padding: 0 10px;
  }
}

/* line 27, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-outline-container {
  margin-bottom: 3.125rem;
}

/* line 29, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-outline-container #oc-outline-content {
  padding: 0;
  max-width: 1139px;
  margin: 0 auto;
}

/* Bottom close button */
/* line 44, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-outline-container .oc-arrow-up {
  text-align: center;
  display: block;
  width: 100%;
  cursor: pointer;
  border: solid #c6c6c6;
  border-width: 1px 0 0 0;
  background: url("../../img/arrow-outline-up.png") center no-repeat;
  height: 2.1875rem;
}

/* Outline main button that opens the txonomies */
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* line 83, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--wrapper {
  margin-top: 1.0625rem;
}

/* line 86, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list {
  margin: 0;
}

/* line 90, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list li a {
  border: solid #c6c6c6;
  border-width: 1px 1px 0;
  width: 100%;
  display: block;
  height: 2.1875rem;
  padding: 4px 0;
  position: relative;
  color: #000;
  font-weight: 600;
}

/* line 100, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list li a.action-plus::after {
  background: url("../../processed/svg/org-plus.svg");
  width: 1.0625rem;
  height: 1.0625rem;
  content: '';
  display: block;
  float: right;
  background-size: cover;
  margin: 5px 35px;
}

/* line 111, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list li a.action-minus::after {
  background: url("../../processed/svg/org-minus--dark.svg");
  width: 1.0625rem;
  height: 1.0625rem;
  content: '';
  display: block;
  float: right;
  background-size: cover;
  margin: 5px 35px;
}

/* line 123, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list li::before {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 30px;
  background-color: #c6c6c6;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #fff;
}

/* line 133, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list li.has-children, .c-oc__outline--list li.has-children.closed,
.c-oc__outline--list li.has-children .oc-list li.closed {
  background-color: #fff;
}

/* line 137, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list li li a {
  border: solid #c6c6c6;
  border-width: 1px 1px 0;
}

/* line 142, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list li li::before {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  text-align: center;
  color: #c6c6c6;
  border: 1px solid #c6c6c6;
  margin-left: 4px;
}

/* line 153, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list.c-oc__outline--list-level-0 {
  counter-reset: section;
  padding: 0;
}

/* line 156, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list.c-oc__outline--list-level-0 > li {
  counter-increment: section;
  overflow: hidden;
}

/* line 160, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list.c-oc__outline--list-level-0 > li::before {
  content: counter(section, decimal);
  width: 2.1875rem;
  height: 2.1875rem;
  padding: 0.3125rem 0;
}

/* line 169, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list:not(.c-oc__outline--list-level-0) {
  counter-reset: alpha-counter;
  padding: 0;
}

/* line 173, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list:not(.c-oc__outline--list-level-0) > li {
  counter-increment: alpha-counter;
}

/* line 175, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--list:not(.c-oc__outline--list-level-0) > li:not(.level-0)::before {
  content: counter(alpha-counter, upper-alpha);
  border-width: 0 1px;
  margin: 0 2.3125rem;
}

/* line 187, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--header-right {
  float: none;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  /* line 187, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__outline--header-right {
    overflow: visible;
    float: right;
    max-width: 23.375rem;
  }
}

/* line 196, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--header-right img {
  vertical-align: -10px;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 200, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__outline--header-left {
    width: 100%;
    border-top: 3px solid #014747;
  }
}

/* line 208, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--trigger {
  display: inline-block;
  text-transform: uppercase;
  color: #014747;
  padding: 0.9375rem 2rem 0.9375rem 2rem;
  font-size: 1.5rem;
  font-weight: 600;
}

/* line 216, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--trigger span {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "FontAwesome";
  margin-right: 3px;
}

/* line 224, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--trigger span::before {
  content: '\f0c9';
}

/* line 229, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__outline--trigger:hover, .c-oc__outline--trigger.active {
  color: #fff;
  background: #014747;
}

/* line 237, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__icon.c-icon__font:link, .c-oc__icon.c-icon__font:visited {
  color: #014747;
  font-size: 1.4375rem;
  width: 2.625rem;
  text-align: center;
  border-radius: 0;
  padding: 0;
  margin: 0;
  height: 2.75rem;
  line-height: 2.625rem;
  /*@include media($small-only) {
        height: rem(40);
        width: rem(40);
        border-radius: 100px;
        background: $aqua-deep;
        color: $white;
        line-height: rem(40);
      }*/
}

/* line 248, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__icon.c-icon__font:link:hover, .c-oc__icon.c-icon__font:visited:hover {
  background: #014747;
}

/*************************** CHART ******************************/
/* line 268, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container {
  margin-bottom: 3.125rem;
}

/* line 273, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .org-chart-wrapper {
  padding: 2.3125rem 4.5625rem;
  cursor: default;
  background-color: #fff;
}

/* line 280, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .org-chart-loader {
  border: 0.375rem solid rgba(255, 255, 255, 0.5);
  border-top: 0.375rem solid #fce902;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.5rem;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  float: right;
}

/* line 291, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .oc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 296, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .oc-list > li:hover {
  background-color: #e0e0e0;
}

/* line 300, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .oc-list > li > a.accordion-trigger {
  width: 100%;
  display: block;
  padding: 7px 0;
  line-height: 1.875rem;
  position: relative;
  font-weight: 600;
  font-size: 1.375rem;
  color: #777;
  padding-right: 2.25rem;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 300, web/themes/bricklett/scss/components/_org-chart.scss */
  .oc-chart-container .oc-list > li > a.accordion-trigger {
    display: grid;
    padding: 10px 57px 10px 10px;
  }
}

/* line 315, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .oc-list > li > a.accordion-trigger.expanded {
  background: #014747;
  color: #fff;
}

/* line 324, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .oc-list > li.has-children.closed {
  background-color: #fff;
}

/* line 328, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .oc-list > li.has-children .oc-list li.closed {
  background-color: #fff;
}

/* line 333, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-container .oc-list > li .org-chart-attached-image {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0.75rem 0;
}

/* line 345, web/themes/bricklett/scss/components/_org-chart.scss */
.org-chart-item-content .c-oc__people-list {
  padding: 0;
}

/* line 348, web/themes/bricklett/scss/components/_org-chart.scss */
.org-chart-item-content .c-oc__people-list--item {
  display: inline-block;
  list-style: none;
  margin-right: 1.5rem;
  border: 1px solid #c6c6c6;
  max-width: 200px;
}

/* line 355, web/themes/bricklett/scss/components/_org-chart.scss */
.org-chart-item-content .c-oc__people-list--item .c-oc__people-list--name {
  text-align: center;
  font-weight: 600;
  font-size: 0.875rem;
}

/* line 361, web/themes/bricklett/scss/components/_org-chart.scss */
.org-chart-item-content .c-oc__people-list--item .c-oc__people-list--img a.people-link,
.org-chart-item-content .c-oc__people-list--item .oc-people-image-default a.people-link {
  padding: 0;
  border: 0;
}

/* line 367, web/themes/bricklett/scss/components/_org-chart.scss */
.org-chart-item-content .c-oc__people-list--item .oc-people-position {
  text-align: center;
  font-weight: normal;
  font-size: 0.75rem;
}

/* line 373, web/themes/bricklett/scss/components/_org-chart.scss */
.org-chart-item-content .c-oc__people-list--item .oc-people-image-default img {
  width: 198px;
  height: 210px;
}

/* line 386, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list > li {
  counter-increment: alpha-counter;
  background-color: #fff;
  margin: 0;
  border: solid #c6c6c6;
  border-width: 1px 0 0;
}

/* line 393, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list > li:not(.level-0)::before {
  content: counter(alpha-counter, upper-alpha);
  margin: 0 1.875rem 0 2.6875rem;
  background: #fff;
  border: solid #c6c6c6;
  border-width: 0 1px;
  color: #777;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 393, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--list .c-oc__list--list > li:not(.level-0)::before {
    margin: 0;
    border: 0;
  }
}

/* line 410, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--item {
  padding: 0;
  border: solid #c6c6c6;
  border-width: 1px 1px 0 1px;
  margin: 0;
  background: url("../../processed/svg/org-plus.svg") right no-repeat;
  background-size: 37px auto;
  counter-increment: section;
  overflow: hidden;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 410, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--item {
    border-width: 1px;
    margin-bottom: 20px;
  }
}

/* line 423, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--item:last-child {
  border-bottom: 1px solid #c6c6c6;
}

/* line 426, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--item::before {
  content: counter(section, decimal);
  padding: 0.3125rem 0;
  display: block;
  width: 44px;
  height: 44px;
  line-height: 1.9375rem;
  float: left;
  margin-right: 30px;
  background-color: #777;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #fff;
  font-size: 1.25rem;
  font-weight: 600;
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 426, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--item::before {
    font-size: 15px;
    padding: 0;
    height: 40px;
    width: 40px;
    line-height: 37px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 410, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--item {
    background-size: 37px auto;
  }
}

/* line 455, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--item a.action-plus::after {
  content: " ";
  display: none;
  height: 1.25rem;
  width: 1.25rem;
  margin-top: 0.375rem;
  background-size: cover;
  float: right;
}

@media screen and (min-width: 640px) {
  /* line 455, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--item a.action-plus::after {
    margin-top: 0.75rem;
    height: 1.875rem;
    width: 1.875rem;
  }
}

/* line 470, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--item a.expanded {
  border-bottom: 1px solid #c6c6c6;
}

/* line 473, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--item a.action-minus::after {
  content: " ";
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  background: url("../../processed/svg/org-minus.svg");
  background-size: cover;
  position: absolute;
  top: 0.6875rem;
  right: 1.0625rem;
}

@media screen and (min-width: 640px) {
  /* line 473, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--item a.action-minus::after {
    height: 0.9375rem;
    width: 0.9375rem;
    position: absolute;
    top: 0.875rem;
    right: 1.3125rem;
  }
}

/* line 495, web/themes/bricklett/scss/components/_org-chart.scss */
.path-organizational-chart .c-featured-pane__sub {
  margin-bottom: 0;
}

/* line 500, web/themes/bricklett/scss/components/_org-chart.scss */
.path-organizational-chart .c-region__content {
  padding: 0;
}

/* line 503, web/themes/bricklett/scss/components/_org-chart.scss */
.path-organizational-chart .o-grid, .path-organizational-chart .c-search-results {
  max-width: 79.75rem;
  padding: 0;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 503, web/themes/bricklett/scss/components/_org-chart.scss */
  .path-organizational-chart .o-grid, .path-organizational-chart .c-search-results {
    padding: 0 10px;
  }
}

/* line 512, web/themes/bricklett/scss/components/_org-chart.scss */
.o-grid.c-oc__outline--wrapper, .c-oc__outline--wrapper.c-search-results {
  max-width: 71.1875rem;
  padding: 0;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 512, web/themes/bricklett/scss/components/_org-chart.scss */
  .o-grid.c-oc__outline--wrapper, .c-oc__outline--wrapper.c-search-results {
    padding: 0 10px;
  }
}

/* line 520, web/themes/bricklett/scss/components/_org-chart.scss */
.has-children .c-oc__list--item {
  border: 0;
}

/* line 527, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-chart-loader-wrapper {
  width: 1.5rem;
  text-align: center;
  border: 0;
  margin: 0 auto;
}

/* line 535, web/themes/bricklett/scss/components/_org-chart.scss */
.chart-main-loader {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.5rem;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  border: 0.375rem solid #c6c6c6;
  border-top: 0.375rem solid #014747;
}

@media screen and (min-width: 640px) {
  /* line 546, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--list .c-oc__list--list.level-1 .org-chart-item-content {
    padding-left: 2.875rem;
  }
}

/* line 552, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-2 {
  margin-left: 0;
  counter-reset: alpha-counter2;
}

/* line 555, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-2 a.expanded {
  margin-left: 0;
}

/* line 558, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-2 > li {
  counter-increment: alpha-counter2;
}

/* line 561, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-2 > li:before {
  content: counter(alpha-counter2, decimal);
  background: #777;
  color: #fff;
  margin: 0 30px 0 0;
}

@media screen and (min-width: 640px) {
  /* line 561, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--list .c-oc__list--list.level-2 > li:before {
    margin-left: 5.375rem;
  }
}

@media screen and (min-width: 640px) {
  /* line 571, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--list .c-oc__list--list.level-2 .org-chart-item-content {
    padding-left: 5.5625rem;
  }
}

/* line 578, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-3 {
  margin-left: 0;
  counter-reset: alpha-counter3;
}

/* line 581, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-3 a.expanded {
  margin-left: 0;
}

/* line 584, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-3 > li {
  counter-increment: alpha-counter3;
}

/* line 587, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-3 > li:before {
  content: counter(alpha-counter3, upper-alpha);
  margin-left: 8.0625rem;
  background: #fff;
  color: #777;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 587, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--list .c-oc__list--list.level-3 > li:before {
    margin-left: 0;
  }
}

@media screen and (min-width: 640px) {
  /* line 597, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--list .c-oc__list--list.level-3 .org-chart-item-content {
    padding-left: 8.375rem;
  }
}

/* line 604, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-4 {
  margin-left: 0;
  counter-reset: alpha-counter4;
}

/* line 607, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-4 a.expanded {
  margin-left: 0;
}

/* line 610, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-4 > li {
  counter-increment: alpha-counter4;
}

/* line 613, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list.level-4 > li:before {
  content: counter(alpha-counter4, upper-alpha);
  margin-left: 8.0625rem;
  background: #fff;
  color: #777;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 613, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--list .c-oc__list--list.level-4 > li:before {
    margin-left: 0;
  }
}

@media screen and (min-width: 640px) {
  /* line 623, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__list--list .c-oc__list--list.level-4 .org-chart-item-content {
    padding-left: 8.375rem;
  }
}

/* line 630, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__share--section, .c-main__share--section {
  float: left;
  color: #014747;
  font-size: 1.125rem;
  padding: 0 0.0625rem;
}

/* line 635, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__share--section a.c-icon__font, .c-main__share--section a.c-icon__font {
  border: 1px solid #c6c6c6;
  height: 2.625rem;
  width: 2.75rem;
}

/* line 640, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__share--section:first-child, .c-main__share--section:first-child {
  border-left: 0;
  line-height: 2.5625rem;
  margin-right: 0.625rem;
}

/* line 646, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__share--section:last-child a.c-oc__pdf-download, .c-main__share--section:last-child a.c-oc__pdf-download {
  background: url("../../img/outline-icon.png") right no-repeat;
  padding: 4px 45px 5px 10px;
  line-height: 2.0625rem;
  border: 1px solid #c6c6c6;
  display: block;
}

@media screen and (max-width: 374px) {
  /* line 646, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__share--section:last-child a.c-oc__pdf-download, .c-main__share--section:last-child a.c-oc__pdf-download {
    margin-top: 0.625rem;
  }
}

/* line 656, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__share--section:last-child:hover a, .c-main__share--section:last-child:hover a {
  background: url("../../img/outline-icon--white.png") right no-repeat #014747;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 645, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__share--section:last-child, .c-main__share--section:last-child {
    float: right;
  }
}

@media screen and (max-width: 403px) {
  /* line 645, web/themes/bricklett/scss/components/_org-chart.scss */
  .c-oc__share--section:last-child, .c-main__share--section:last-child {
    float: left;
    padding: 0;
  }
}

/* line 667, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__share--section:last-child img, .c-main__share--section:last-child img {
  margin-left: 5px;
}

/* line 674, web/themes/bricklett/scss/components/_org-chart.scss */
.set-border-bottom {
  overflow: hidden;
}

/* line 679, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__share--icon:hover a, .c-main__share--icon:hover a {
  color: #fff;
}

/* line 682, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__share--icon:hover a::before, .c-main__share--icon:hover a::before {
  color: #fff;
}

/* line 687, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--item.set-border-bottom::before {
  background-color: #014747;
  border-bottom: 0;
  color: #fff;
}

/* line 693, web/themes/bricklett/scss/components/_org-chart.scss */
.c-oc__list--list .c-oc__list--list li.set-border-bottom::before {
  background: #014747 !important;
  border-color: #014747;
  color: #fff;
}

/* Bal new ajax loader fullscreen*/
/* line 702, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-spinner-chart {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
/* line 716, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-spinner-chart:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0.75;
}

/* :not(:required) hides these rules from IE9 and below */
/* line 729, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-spinner-chart:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* line 738, web/themes/bricklett/scss/components/_org-chart.scss */
.oc-spinner-chart:not(:required):after {
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
  border-radius: 120px;
  border-width: 5px;
  border-style: solid;
  border-color: #014747 transparent #014747 transparent;
  overflow: hidden;
  text-indent: -99999em;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* line 771, web/themes/bricklett/scss/components/_org-chart.scss */
.org-chart-item-content li {
  margin-bottom: .5rem;
}

/* ==========================================================================
   Search component
   ========================================================================== */
/*doc
---
title: Search
name: search
category: Components - search
---


```html_example
```
*/
/* line 16, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--modal {
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  align-content: center;
  justify-content: center;
  align-items: center;
  display: none;
}

/* line 28, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--modal.is-active {
  display: flex;
}

/* line 31, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--modal .c-search__close {
  font-size: 4rem;
  line-height: .5;
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #fff;
  font-weight: 300;
}

/* line 40, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--modal .form-item {
  display: block;
}

/* line 43, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--modal .form-search {
  width: 80vw;
  border-radius: 20px;
  max-width: 550px;
  display: block;
  font-size: 1.8rem;
  padding: 2rem;
  color: #fff;
  text-align: center;
  border: 3px solid #fff;
  background-color: transparent;
}

/* line 271, web/themes/bricklett/scss/tools/_mixins.scss */
.c-search-form--modal .form-search::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

/* line 275, web/themes/bricklett/scss/tools/_mixins.scss */
.c-search-form--modal .form-search:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

/* line 279, web/themes/bricklett/scss/tools/_mixins.scss */
.c-search-form--modal .form-search::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

/* line 283, web/themes/bricklett/scss/tools/_mixins.scss */
.c-search-form--modal .form-search:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

/* line 61, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--modal .form-submit {
  display: block;
  margin: 1.5rem auto;
  text-transform: none;
  width: 11.75rem;
  height: 4.75rem;
  font-size: 1.5rem;
  background-color: #28373e;
}

/* line 83, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .view-header {
  padding-top: 3rem;
}

/* line 86, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .view-header h2 {
  color: #014747;
  margin-bottom: 1.5rem;
}

/* line 93, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-filters label {
  display: none;
}

/* line 97, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-filters input[type="submit"] {
  height: auto;
  width: auto;
  color: #fff;
  border: 0;
  font-size: 1.5625rem;
  padding: .55rem 1.5rem;
  border-radius: 10px;
}

/* line 107, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-filters .form-text {
  font-size: 1.5rem;
  width: 100%;
  border: 2px solid #014747;
  border-radius: 10px;
}

/* line 114, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-filters .form-type-textfield {
  width: 75%;
  margin-right: 1.5rem;
  max-width: 400px;
}

/* line 122, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .view-content .c-teaser__left {
  display: none;
}

/* line 125, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .view-content .c-teaser__right {
  padding-left: 0;
  width: 100%;
}

/* line 133, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .view-empty {
  padding: 3rem 0;
}

/* line 1, web/themes/bricklett/scss/components/_404.scss */
.c-404 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  overflow: hidden;
  text-align: center;
}

/* line 6, web/themes/bricklett/scss/components/_404.scss */
.c-404 h2 {
  color: #014747;
}

/* line 1, web/themes/bricklett/scss/components/_user.scss */
form.user-login-form {
  margin: 40px auto 30px auto;
  width: 500px;
}

/* line 7, web/themes/bricklett/scss/components/_user.scss */
form.user-login-form div.form-item div.description {
  font-size: smaller;
  margin: -1.3rem 0 2rem .3rem;
  font-style: italic;
}

/* line 14, web/themes/bricklett/scss/components/_user.scss */
form.user-login-form input.button.form-submit {
  text-align: left;
}

/* ==========================================================================
   #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, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-hide {
  display: none !important;
}

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

/* line 33, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-hide-extra {
  height: 0px;
  overflow: hidden;
}

/* 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 70, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-left {
  float: left !important;
}

/* line 71, web/themes/bricklett/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 106, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-text-left {
  text-align: left !important;
}

/* line 107, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-text-right {
  text-align: right !important;
}

/* line 108, web/themes/bricklett/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 129, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-sans {
  font-family: "Open Sans", sans-serif;
}

/* line 130, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-serif {
  font-family: "minion-pro", serif;
}

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

```html_example
<p class="t-bg-white">Example</p>
```
*/
/* line 151, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-white {
  background-color: #fff;
}

/* line 152, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-concrete {
  background-color: #f2f2f2;
}

/* line 153, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-primary {
  background-color: #014747;
}

/* line 154, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-secondary {
  background-color: #fce902;
}

/* line 155, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-gable-green {
  background-color: #13322e;
}

/* line 156, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-tarawera {
  background-color: #064346;
}

/* line 157, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-black {
  background-color: #000;
}

/* 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 186, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mbr {
  margin-right: 1.5rem;
}

/* line 187, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-msr {
  margin-right: 0.75rem;
}

/* line 188, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mbl {
  margin-left: 1.5rem;
}

/* line 189, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-msl {
  margin-left: 0.75rem;
}

/* line 190, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mbb {
  margin-bottom: 1.5rem;
}

/* line 191, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-msb {
  margin-bottom: 0.75rem;
}

/* line 192, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mbt {
  margin-top: 1.5rem;
}

/* line 193, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mst {
  margin-top: 0.75rem;
}

/* line 195, web/themes/bricklett/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 218, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-pbr {
  padding-right: 1.5rem;
}

/* line 219, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-psr {
  padding-right: 0.75rem;
}

/* line 220, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-pbl {
  padding-left: 1.5rem;
}

/* line 221, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-psl {
  padding-left: 0.75rem;
}

/* line 222, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-nop {
  padding: 0;
}

/* line 223, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-nopb {
  padding-bottom: 0;
}

/* line 227, web/themes/bricklett/scss/trumps/_trumps.scss */
#block-bricklett-local-tasks {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 6000;
  opacity: .9;
  background: #fff;
  padding: 1rem;
  border: 4px solid #fce902;
}

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

/* ==========================================================================
   #States - Classes added with the .is- naming convention
   ========================================================================== */
/* line 5, web/themes/bricklett/scss/trumps/_states.scss */
.is-shifted {
  -webkit-transform: translateX(70%);
  transform: translateX(70%);
}

@media screen and (min-width: 1024px) {
  /* line 5, web/themes/bricklett/scss/trumps/_states.scss */
  .is-shifted {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}