@charset "UTF-8";
/* ==========================================================================
   Bourbon
   ========================================================================== */
/* ==========================================================================
   #Grid Settings
   ========================================================================== */
/* Grid variables
   ========================================================================== */
/* Media Queries
   ========================================================================== */
@import url("https://use.typekit.net/fln3gnu.css");
@import url(../../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
   ========================================================================== */
/* ==========================================================================
   Misc
   ========================================================================== */
/* ==========================================================================
   Spacing
   ========================================================================== */
/* ==========================================================================
   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 90, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .md-6 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 48.12787%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .md-6:last-child {
    margin-right: 0;
  }
  /* line 21, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .lg-10 {
    float: left;
    display: block;
    margin-right: 3.74426%;
    width: 82.70929%;
  }
  /* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .lg-10:last-child {
    margin-right: 0;
  }
  /* line 29, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-1 {
    margin-left: 8.64536%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-2 {
    margin-left: 17.29071%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-3 {
    margin-left: 25.93607%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-4 {
    margin-left: 34.58142%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-5 {
    margin-left: 43.22678%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-6 {
    margin-left: 51.87213%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-7 {
    margin-left: 60.51749%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-8 {
    margin-left: 69.16284%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-9 {
    margin-left: 77.8082%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-10 {
    margin-left: 86.45355%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-11 {
    margin-left: 95.09891%;
  }
  /* line 44, wp-content/themes/brickthemewp/scss/tools/_mixins.scss */
  .sm-shift-12 {
    margin-left: 103.74426%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

```
html {
  font-family: $f-sans;
  line-height: $base-line-height; // usually 24px
  font-size: $base-font-size-px; // usually 16px
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
```
*/
/* line 34, wp-content/themes/brickthemewp/scss/base/_page.scss */
html {
  background-color: #ffffff;
  font-family: "din-2014", sans-serif;
  line-height: 1.5;
  font-size: 16px;
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #313131;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* line 50, wp-content/themes/brickthemewp/scss/base/_page.scss */
a,
div,
input,
h1,
h2,
h3,
h4,
h5,
h6,
img,
p,
li {
  transition: all .2s ease;
}

/* ==========================================================================
   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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/base/_forms.scss */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  border: 1px solid #ddd;
  padding: .35rem;
}

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

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

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

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

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

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

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

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

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

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

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

```html_example
<p><label for="select_element">Select Element:</label>
  <select name="select_element">
    <optgroup label="Option Group 1">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </optgroup>
    <optgroup label="Option Group 2">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </optgroup>
</select></p>
```
*/
/* line 171, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/base/_headings.scss */
h1,
.alpha {
  font-size: 3.75rem;
  line-height: 4rem;
  font-family: "museo", serif;
  font-weight: 500;
  margin-bottom: 0.3125rem;
}

/* line 33, wp-content/themes/brickthemewp/scss/base/_headings.scss */
h2,
.beta {
  font-size: 1.875rem;
  line-height: 2.125rem;
  font-family: "museo", serif;
  font-weight: 300;
}

/* line 42, wp-content/themes/brickthemewp/scss/base/_headings.scss */
h3,
.gamma {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-bottom: 0;
  font-family: "din-2014", sans-serif;
  font-weight: 500;
  color: #24366A;
}

/* line 52, wp-content/themes/brickthemewp/scss/base/_headings.scss */
h4,
.delta {
  font-size: 1.25rem;
  line-height: 1.2;
}

/* line 57, wp-content/themes/brickthemewp/scss/base/_headings.scss */
h5,
.epsilon {
  font-size: 1rem;
  line-height: 1.5;
}

/* line 62, wp-content/themes/brickthemewp/scss/base/_headings.scss */
h6,
.zeta {
  font-size: 0.875rem;
  line-height: 1.71429;
}

/* ==========================================================================
   #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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/base/_quotes.scss */
.c-content blockquote {
  color: #52A4AF;
  border: solid #52A4AF;
  border-width: 1px 0;
  padding: 2.8125rem 0 2.5rem;
  margin-bottom: 3.125rem;
}

/* line 28, wp-content/themes/brickthemewp/scss/base/_quotes.scss */
.c-content blockquote p {
  font-size: 2.25rem;
  line-height: 3rem;
  font-weight: 500;
  margin-bottom: 2.125rem;
}

@media screen and (min-width: 1024px) {
  /* line 28, wp-content/themes/brickthemewp/scss/base/_quotes.scss */
  .c-content blockquote p {
    margin: 0 -3.5625rem 2.125rem;
  }
}

/* line 39, wp-content/themes/brickthemewp/scss/base/_quotes.scss */
.c-content blockquote cite {
  font-size: 1.3125rem;
  line-height: 3rem;
  display: block;
  text-align: right;
  font-style: normal;
}

/* line 46, wp-content/themes/brickthemewp/scss/base/_quotes.scss */
.c-content blockquote cite:before {
  content: '- ';
}

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

Default styling for links.

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

/* line 24, wp-content/themes/brickthemewp/scss/base/_links.scss */
a:link,
a:visited {
  color: #52A4AF;
}

/* line 27, wp-content/themes/brickthemewp/scss/base/_links.scss */
a:hover {
  color: #24366A;
}

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

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

Default styling for lists.
*/
/* line 15, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/base/_lists.scss */
dl dt {
  font-weight: bold;
}

/* line 95, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/base/_tables.scss */
table {
  border-collapse: collapse;
  font-feature-settings: 'kern', 'liga', 'tnum';
  margin: 0.75rem 0;
  table-layout: fixed;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

Small band has decreased top and bottom padding.

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

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

Flush band removes all padding.

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

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

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

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

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

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

/* ==========================================================================
   #o-Grid
   ========================================================================== */
/* line 6, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.o-grid {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  max-width: 51.125rem;
  margin: 0 auto;
  width: 100%;
}

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

/* line 13, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.o-grid .o-grid {
  padding: 0;
}

/* ==========================================================================
   #Block-grid
   ========================================================================== */
/* Small block grids
   ========================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 28, wp-content/themes/brickthemewp/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 39, wp-content/themes/brickthemewp/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 46, wp-content/themes/brickthemewp/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 53, wp-content/themes/brickthemewp/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 60, wp-content/themes/brickthemewp/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 67, wp-content/themes/brickthemewp/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 74, wp-content/themes/brickthemewp/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 85, wp-content/themes/brickthemewp/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 92, wp-content/themes/brickthemewp/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 99, wp-content/themes/brickthemewp/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 106, wp-content/themes/brickthemewp/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 113, wp-content/themes/brickthemewp/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 120, wp-content/themes/brickthemewp/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 127, wp-content/themes/brickthemewp/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 134, wp-content/themes/brickthemewp/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 141, wp-content/themes/brickthemewp/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 148, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/objects/_nav.scss */
.o-nav {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

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

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

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

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

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

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

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

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

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

/* line 52, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/components/_alerts.scss */
.c-alert--error {
  background-color: #f9dbe4;
  color: #d11149;
}

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

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

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

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

Status alert used in drupal.  Default status message for drupal

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

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

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

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

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

Here are the following button sizes and their modifier classes.

Button  |  Modifier Class 
--------|-----------------------------------------
<button class='c-btn c-btn--small'>Small button</button> | `btn btn--small`
<button class='c-btn c-btn--default'>Default button</button> | `btn btn--default`
<button class='c-btn c-btn--medium'>Medium button</button> | `btn btn--medium`
<button class='c-btn c-btn--large c-btn--blue'>Large button</button> | `btn btn--large`
*/
/* Dynamic button mixin
  ========================================================================== */
/* Static button styles
  ========================================================================== */
/* line 64, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn {
  background: #52A4AF;
  color: #ffffff;
  font-size: 1.3125rem;
  line-height: 1.6875rem;
  padding: 0.5rem 1.25rem;
  border: 0;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: "din-2014", sans-serif;
}

/* line 75, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn:link, .c-btn:visited {
  color: #fff;
}

/* line 80, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn:hover {
  background-color: #24366A;
}

/* line 84, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn:focus {
  background-color: #24366A;
}

/* line 56, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn--small {
  font-size: 0.8rem;
}

/* line 56, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn--default {
  font-size: 1rem;
}

/* line 56, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn--medium {
  font-size: 1.3rem;
}

/* line 56, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn--large {
  font-size: 1.8rem;
}

/* line 26, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn--primary {
  background-color: #9b282b;
  color: #fff;
}

/* line 39, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn--primary:hover {
  background-color: #af2d31;
}

/* line 45, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn--primary:link, .c-btn--primary:visited {
  color: #fff;
}

/* line 50, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.c-btn--primary:focus {
  background-color: #872325;
}

/* line 98, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.anchor-button {
  width: 100%;
}

/* line 100, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.anchor-button a:link,
.anchor-button a:visited {
  width: 100%;
  max-width: 21.25rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3.75rem;
  background: url("../../img/anchor-button1.png") 11px center no-repeat #ffffff;
  color: #045076;
  border: 1px solid #045076;
  padding-left: 4rem;
  line-height: 1.375rem;
  transition: all 0ms ease;
  min-height: 4.4375rem;
  height: 4.4375rem;
}

/* line 128, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
.anchor-button a:link:hover,
.anchor-button a:visited:hover {
  background: url("../../img/anchor-button2.png") 11px center no-repeat #045076;
  color: #ffffff;
}

/* line 135, wp-content/themes/brickthemewp/scss/components/_buttons.scss */
h2.anchor:before {
  content: "";
  display: block;
  height: 100px;
  margin: -100px 0 0;
}

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


/* Full size featured pane
   ========================================================================== */
/* line 16, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane {
  background: #52a4af center;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 90vh;
  overflow: hidden;
}

@media screen and (min-width: 640px) {
  /* line 16, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
  .c-content .c-featured-pane {
    height: 60vh;
  }
}

@media screen and (orientation: landscape) and (min-width: 640px) and (max-width: 1024px) {
  .c-content .c-featured-pane {
    background-size: contain;
    background-position: center top;
    height: 81vh;
  }
}

@media screen and (orientation: portrait) and (min-width: 640px) and (max-width: 1024px) {
  .c-content .c-featured-pane {
    background-size: contain;
    background-position: center top;
    height: 66vh;
  }
}

@media screen and (orientation: portrait) and (min-width: 0) and (max-width: 640px) {
  .c-content .c-featured-pane {
    background-size: contain;
    background-position: center top;
    height: 80vh;
  }
}

@media only screen and (orientation: portrait) and (max-height: 800px) {
  .c-content .c-featured-pane {
    background-size: contain;
    background-position: center top;
    height: 92vh;
  }
}

@media only screen and (orientation: portrait) and (max-height: 600px) {
  .c-content .c-featured-pane {
    background-size: contain;
    background-position: center top;
    height: 116vh;
  }
}

/* line 40, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane h1 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media screen and (min-width: 1024px) {
  /* line 40, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
  .c-content .c-featured-pane h1 {
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

/* line 49, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane img {
  max-width: 100%;
}

/* line 52, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane .no-fire {
  margin: 0 auto;
  display: block;
  width: 355px;
}

.c-content .c-featured-pane .c-btn--border {
  background: #24788b;
  padding: .25rem 1rem;
  border: 2px solid #7dabb3;
  border-radius: 8px;
  margin: 1rem auto;
  max-width: 150px;
  display: block;
  width: 100%;
  text-align: center;
}

.c-content .c-featured-pane .disclaimer {
  font-size: .8rem;
  text-align: center;
}

/* line 58, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane sup {
  font-size: 1.125rem;
}

@media screen and (min-width: 1024px) {
  /* line 16, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
  .c-content .c-featured-pane {
    border-bottom: 1.4375rem solid #52A4AF;
  }
}

@media screen and (min-width: 1024px) {
  /* line 16, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
  .c-content .c-featured-pane {
    height: 92vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/* line 77, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane__content {
  color: #ffffff;
  background: rgba(82, 164, 175, 0.8);
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 77, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
  .c-content .c-featured-pane__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.875rem;
    background: #52a4af;
  }
}

@media screen and (min-width: 1024px) {
  /* line 77, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
  .c-content .c-featured-pane__content {
    width: 100%;
    align-self: right;
    max-width: 600px;
    padding: 2.8125rem 4.6875rem;
  }
}

/* line 96, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane__content p {
  font-size: 1rem;
  line-height: 1.375rem;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 96, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
  .c-content .c-featured-pane__content p {
    margin-bottom: 0;
  }
}

/* line 104, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane__content p a {
  color: #ffffff;
}

/* line 106, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane__content p a:hover {
  opacity: .7;
}

@media screen and (min-width: 1024px) {
  /* line 96, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
  .c-content .c-featured-pane__content p {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

/* line 114, wp-content/themes/brickthemewp/scss/components/_featured-pane.scss */
.c-content .c-featured-pane__content p:last-child {
  margin-bottom: 0;
}

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

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

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

/* line 76, wp-content/themes/brickthemewp/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 20, wp-content/themes/brickthemewp/scss/components/_logo.scss */
.c-logo {
  font-family: "museo", serif;
  font-size: 1.0625rem;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.875rem;
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  /* line 20, wp-content/themes/brickthemewp/scss/components/_logo.scss */
  .c-logo {
    font-size: 1.5625rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 20, wp-content/themes/brickthemewp/scss/components/_logo.scss */
  .c-logo {
    font-size: 1.875rem;
  }
}

/* line 35, wp-content/themes/brickthemewp/scss/components/_logo.scss */
.c-logo:hover {
  opacity: .8;
}

/* line 38, wp-content/themes/brickthemewp/scss/components/_logo.scss */
.c-logo:link, .c-logo:visited {
  color: #ffffff;
}

/* line 42, wp-content/themes/brickthemewp/scss/components/_logo.scss */
.c-logo span {
  font-weight: 300;
}

/* line 47, wp-content/themes/brickthemewp/scss/components/_logo.scss */
.c-logo--default, .c-logo--reversed {
  display: block;
}

/* line 53, wp-content/themes/brickthemewp/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 61, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/components/_overlay.scss */
.c-overlay {
  transform: translateX(70%);
  background: #000;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 9998;
}

/* line 18, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/components/_overlay.scss */
  .c-overlay.is-active {
    visibility: hidden;
  }
}

/* ==========================================================================
   #Footer component
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
.c-page-foot {
  max-width: 51.25rem;
  margin: 0 auto;
  color: #ffffff;
  display: -ms-grid;
  display: grid;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  /* line 5, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
  .c-page-foot {
    align-items: center;
    -ms-grid-columns: 45% 55%;
    grid-template-columns: 45% 55%;
    text-align: left;
  }
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 21, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
  .c-page-foot .c-logo {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  /* line 21, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
  .c-page-foot .c-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    display: flex;
    align-items: center;
    height: 7.5625rem;
  }
}

/* line 33, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
.c-page-foot__wrap {
  background: #24366A;
  padding: 2.375rem;
}

/* line 38, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
.c-page-foot__contact {
  padding: 0;
}

@media screen and (min-width: 1024px) {
  /* line 38, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
  .c-page-foot__contact {
    border-left: 1px solid #ffffff;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    display: block;
    padding-left: 1.375rem;
    padding: 0.6875rem 0 0.6875rem 1.375rem;
  }
}

/* line 50, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
.c-page-foot__contact p {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

/* line 55, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
.c-page-foot__contact a {
  color: #ffffff;
  text-decoration: underline;
}

/* line 58, wp-content/themes/brickthemewp/scss/components/_page-foot.scss */
.c-page-foot__contact a:hover {
  text-decoration: none;
}

/* ==========================================================================
   #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, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
.c-page-head {
  max-width: 80.75rem;
  margin: 0 auto;
  padding: 1.125rem 1.125rem 0 2.1875rem;
}

@media screen and (min-width: 1024px) {
  /* line 28, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head {
    padding: 2.0625rem 1.4375rem 0 1.4375rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 21.4375rem auto;
    grid-template-columns: 21.4375rem auto;
  }
}

/* line 43, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
.c-page-head .c-logo {
  margin-top: -0.3125rem;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 43, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head .c-logo {
    float: left;
  }
}

@media screen and (min-width: 1024px) {
  /* line 43, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head .c-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}

/* line 53, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
.c-page-head__wrap {
  background: #24366A;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3.5625rem;
}

@media screen and (min-width: 1024px) {
  /* line 53, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head__wrap {
    height: 5.25rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 64, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head__wrap.collapsed {
    position: fixed;
    height: 4.25rem;
    z-index: 4;
  }
  /* line 69, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head__wrap.collapsed .c-page-head {
    padding: 1.4375rem 1.4375rem 0 1.4375rem;
  }
  /* line 72, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head__wrap.collapsed .c-search {
    opacity: 0;
  }
  /* line 75, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head__wrap.collapsed .c-primary-nav li.current-menu-item,
  .c-page-head__wrap.collapsed .c-primary-nav li.current-menu-ancestor {
    padding-bottom: 0.5rem;
  }
}

/* line 82, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
.c-page-head__spacer {
  height: 3.5625rem;
}

@media screen and (min-width: 1024px) {
  /* line 82, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
  .c-page-head__spacer {
    height: 5.25rem;
  }
}

/* line 87, wp-content/themes/brickthemewp/scss/components/_page-head.scss */
.c-page-head__spacer.collapsed {
  height: 4.25rem;
}

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

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

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

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

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

/* ==========================================================================
   #Search component
   ========================================================================== */
@media screen and (min-width: 1024px) {
  /* line 6, wp-content/themes/brickthemewp/scss/components/_search.scss */
  .c-search {
    position: absolute;
    right: 0;
    top: -1.625rem;
  }
  /* line 7, wp-content/themes/brickthemewp/scss/components/_search.scss */
  .c-search label {
    height: 1.5625rem;
    width: 1.5625rem;
    background: url("../../img/icon-search.svg") center no-repeat;
    background-size: 0.8125rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  /* line 17, wp-content/themes/brickthemewp/scss/components/_search.scss */
  .c-search label.active {
    width: 200px;
    background: url("../../img/icon-close.svg") right no-repeat;
    background-size: 0.625rem;
    right: 0.4375rem;
    top: 0;
  }
  /* line 29, wp-content/themes/brickthemewp/scss/components/_search.scss */
  .c-search input {
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 6.25rem;
    width: 1.5625rem;
    height: 1.5625rem;
    color: #ffffff;
    text-indent: -624.9375rem;
  }
  /* line 38, wp-content/themes/brickthemewp/scss/components/_search.scss */
  .c-search input.active {
    width: 9.5rem;
    text-indent: 0;
  }
}

/* line 46, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-search__mobile {
  padding: 0.625rem;
  display: none;
}

/* line 49, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-search__mobile input {
  width: 100%;
  border: 1px solid #24366A;
  border-radius: 0.3125rem;
  margin: 0;
  font-size: 0.9375rem;
  padding: 0.5rem 0.625rem;
}

/* line 57, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-search__mobile--toggle {
  content: "";
  display: none;
  height: 1.25rem;
  width: 1.25rem;
  border: 1px solid #ffffff;
  border-radius: 6.25rem;
  background: url("../../img/icon-search.svg") center no-repeat;
  background-size: 12px;
  float: right;
}

/* line 67, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-search__mobile--toggle.active {
  background-color: #abb9e2;
}

@media screen and (min-width: 1024px) {
  /* line 57, wp-content/themes/brickthemewp/scss/components/_search.scss */
  .c-search__mobile--toggle {
    display: none;
  }
}

/* line 76, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-content .c-search__result {
  border-bottom: 1px solid rgba(49, 49, 49, 0.2);
  position: relative;
  margin-bottom: 1.25rem;
  padding-bottom: 1.125rem;
}

/* line 83, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-content .c-search__result:hover h2 {
  color: #225e81;
}

/* line 88, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-content .c-search__result:last-child {
  border-bottom: 0;
}

/* line 92, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-content .c-search__result h2 {
  font-size: 1.3125rem;
  line-height: 1.6875rem;
  margin-bottom: 0;
  color: #313131;
}

/* line 99, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-content .c-search__result p {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

/* line 105, wp-content/themes/brickthemewp/scss/components/_search.scss */
.c-content .c-search__result .hilite {
  background: none;
  color: #076EA0;
  font-weight: 300;
}

/* line 112, wp-content/themes/brickthemewp/scss/components/_search.scss */
body .c-search__results {
  max-width: 58.5rem;
  margin-bottom: 9.0625rem;
}

/* line 116, wp-content/themes/brickthemewp/scss/components/_search.scss */
body .c-search__results--form {
  display: flex;
  margin: 4rem 0;
  align-items: center;
}

/* line 121, wp-content/themes/brickthemewp/scss/components/_search.scss */
body .c-search__results--form label {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-family: "museo", serif;
  font-weight: 300;
  margin-right: 1.25rem;
}

/* line 129, wp-content/themes/brickthemewp/scss/components/_search.scss */
body .c-search__results--form input[type="text"] {
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  padding: 0.625rem 1.125rem;
  margin-right: 1.25rem;
  border: 2px solid #8c8c8c;
  border-radius: 0.5rem;
  font-family: "museo", serif;
  color: #076EA0;
  font-weight: 300;
  width: 50%;
}

/* line 141, wp-content/themes/brickthemewp/scss/components/_search.scss */
body .c-search__results--form input {
  margin-bottom: 0;
}

@media all and (-ms-high-contrast: none) {
  /* line 148, wp-content/themes/brickthemewp/scss/components/_search.scss */
  .c-search label {
    background-size: 12px;
  }
}

/* ==========================================================================
   #Title component
   ========================================================================== */
/* line 6, wp-content/themes/brickthemewp/scss/components/_title.scss */
.c-title h3 {
  font-size: 1.25rem;
  margin-top: -1.5625rem;
  margin-bottom: 1.25rem;
}

/* line 13, wp-content/themes/brickthemewp/scss/components/_title.scss */
.c-title__wrap.background {
  height: auto;
  padding: 1.25rem;
  background-size: cover;
  border-bottom: 1.4375rem solid #52A4AF;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-bottom: 4.8125rem;
  background-position: center;
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 640px) {
  /* line 13, wp-content/themes/brickthemewp/scss/components/_title.scss */
  .c-title__wrap.background {
    padding: 3.125rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 13, wp-content/themes/brickthemewp/scss/components/_title.scss */
  .c-title__wrap.background {
    height: 31.4375rem;
    padding: 0;
  }
}

/* line 32, wp-content/themes/brickthemewp/scss/components/_title.scss */
.c-title__wrap.background:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0) 100%);
}

/* line 44, wp-content/themes/brickthemewp/scss/components/_title.scss */
.c-title__wrap.background h1 {
  max-width: 34.375rem;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  /* line 44, wp-content/themes/brickthemewp/scss/components/_title.scss */
  .c-title__wrap.background h1 {
    font-size: 2.125rem;
    line-height: 2.75rem;
  }
}

/* line 57, wp-content/themes/brickthemewp/scss/components/_title.scss */
.c-title__wrap.background h2 {
  margin-bottom: 0;
  max-width: 26.375rem;
  position: relative;
  z-index: 2;
}

/* line 63, wp-content/themes/brickthemewp/scss/components/_title.scss */
.c-title__wrap.background h3 {
  margin-top: -0.625rem;
  color: #ffffff;
  position: relative;
  z-index: 1;
}

/* line 71, wp-content/themes/brickthemewp/scss/components/_title.scss */
.c-title__wrap.no-background {
  border-bottom: 0.625rem solid #24366A;
  padding-top: 5rem;
  margin-bottom: 2.1875rem;
}

/* line 76, wp-content/themes/brickthemewp/scss/components/_title.scss */
.c-title__wrap.no-background h1 {
  color: #24366A;
  margin-bottom: 1.25rem;
}

/* ==========================================================================
   #Content component
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content {
  margin-bottom: 3.625rem;
}

/* line 8, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__front {
  max-width: none;
  padding: 0;
  margin-bottom: 0;
}

/* line 13, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content p {
  font-size: 1.3125rem;
  line-height: 2.25rem;
  margin-bottom: 2.25rem;
  font-weight: 300;
}

/* line 20, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content h2 {
  font-weight: 500;
  font-family: "din-2014", sans-serif;
  color: #24366A;
  margin-bottom: 2.25rem;
}

/* line 26, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content h3 {
  margin-bottom: 0.1875rem;
}

/* line 29, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content h4 {
  margin-bottom: 2.25rem;
}

/* line 32, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content ul {
  margin-bottom: 3.125rem;
}

/* line 34, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content ul li {
  font-size: 1.3125rem;
  line-height: 2.25rem;
  font-weight: 300;
  margin-bottom: 1.0625rem;
}

.c-content ul li ul {
  margin-bottom: 0;
}

/* line 40, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content ul li li {
  list-style: none outside circle;
  margin-top: 1.0625rem;
}

/* line 46, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-gallery {
  margin: 0 0 3.125rem;
}

@media screen and (min-width: 1024px) {
  /* line 46, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-gallery {
    margin: 0 -11.875rem 3.125rem;
  }
}

/* line 51, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-gallery figcaption {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
  text-align: left;
}

@media screen and (min-width: 1024px) {
  /* line 59, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-video {
    margin: 0 -4.6875rem 3.125rem;
  }
}

/* line 64, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-video figcaption {
  text-align: left;
}

@media screen and (min-width: 1024px) {
  /* line 69, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-embed {
    margin: 0 -4.6875rem 3.125rem;
  }
}

/* line 73, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-embed iframe {
  width: 100%;
  min-height: 25rem;
}

@media screen and (min-width: 1024px) {
  /* line 73, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-embed iframe {
    min-height: 34.0625rem;
  }
}

/* line 80, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-embed figcaption {
  text-align: left;
}

@media screen and (min-width: 640px) {
  /* line 86, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-image figure {
    margin: 0 -4.6875rem 3.125rem;
  }
}

/* line 90, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-image figure img {
  width: 100%;
}

@media screen and (min-width: 640px) {
  /* line 95, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-image figure.alignleft {
    float: left;
    margin: 0.6875rem 2.5rem 1.25rem 0;
    max-width: 45%;
    width: 100%;
  }
}

@media screen and (min-width: 970px) {
  /* line 95, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-image figure.alignleft {
    margin: 0.6875rem 2.5rem 1.25rem -4.6875rem;
  }
}

@media screen and (min-width: 640px) {
  /* line 107, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-image figure.alignright {
    float: right;
    margin: 0.6875rem 0 1.25rem 2.5rem;
    max-width: 45%;
    width: 100%;
  }
}

@media screen and (min-width: 970px) {
  /* line 107, wp-content/themes/brickthemewp/scss/components/_content.scss */
  .c-content .wp-block-image figure.alignright {
    margin: 0.6875rem -4.6875rem 1.25rem 2.5rem;
  }
}

/* line 118, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-image figure.aligncenter {
  margin: 2.5rem auto 2.5rem auto;
}

/* line 120, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-image figure.aligncenter img {
  width: auto;
}

/* line 124, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content .wp-block-image figcaption {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
  text-align: left;
}

/* line 133, wp-content/themes/brickthemewp/scss/components/_content.scss */
p.c-callout {
  border-left: 4px solid #24366b;
  padding-left: 22px;
  font-family: "museo", serif;
  font-weight: 500;
  margin: 50px auto;
}

/* line 141, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-image .aligncenter {
  text-align: center;
  display: block;
}

/* line 146, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group {
  background: #52A4AF;
  padding: 45px;
  border-radius: 20px;
  color: #ffffff;
  margin: 50px auto;
  clear: both;
}

/* line 154, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group.max-width {
  max-width: 532px;
  margin: 50px auto;
}

/* line 158, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group.max-width .wp-block-columns {
  margin-bottom: 0;
}

/* line 162, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group h2 {
  color: #ffffff;
}

/* line 165, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group h3 {
  margin-bottom: 1.75rem;
  color: #ffffff;
}

/* line 169, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group ul {
  margin-bottom: 0;
}

/* line 172, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group li {
  margin-bottom: 1.75rem;
}

/* line 174, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group li a {
  color: #ffffff;
  text-decoration: underline;
}

/* line 179, wp-content/themes/brickthemewp/scss/components/_content.scss */
.wp-block-group li:last-child {
  margin-bottom: 0;
}

/* line 184, wp-content/themes/brickthemewp/scss/components/_content.scss */
.research-list {
  color: #52A4AF;
}

/* line 186, wp-content/themes/brickthemewp/scss/components/_content.scss */
.research-list a {
  color: #52A4AF;
}

/* line 191, wp-content/themes/brickthemewp/scss/components/_content.scss */
h2.research-title {
  margin-bottom: 0;
  display: flex;
}

/* line 195, wp-content/themes/brickthemewp/scss/components/_content.scss */
h2.research-title strong {
  display: inline-block;
  font-weight: 500;
  width: 1.4375rem;
}

/* line 202, wp-content/themes/brickthemewp/scss/components/_content.scss */
hr.wp-block-separator {
  border-bottom: 1px solid #000;
  margin: -40px 0 38px 0;
}

/* line 207, wp-content/themes/brickthemewp/scss/components/_content.scss */
p.research-text {
  padding-left: 1.4375rem;
}

/* line 211, wp-content/themes/brickthemewp/scss/components/_content.scss */
p.research-text {
  /* padding-left: rem(23); */
  padding-left: 0rem;
  padding-top: 2rem;
}

/* ==========================================================================
   #Mobile nav component
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  display: none;
}

@media screen and (min-width: 1024px) {
  /* line 5, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
  .c-mobile-nav {
    display: none !important;
  }
}

/* line 16, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav .menu {
  margin: 3.5rem 0 0 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 22, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  background: #24366A;
}

/* line 29, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav li a {
  color: #ffffff;
  font-size: 1.125rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  padding: 0.625rem 0 0.625rem 2.5rem;
}

/* line 38, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav li.menu-item-has-children > a.active:after {
  background: url("../../img/arrow-dropdown2.png");
}

/* line 41, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav li.menu-item-has-children > a:after {
  content: "";
  background: url("../../img/arrow-dropdown.png");
  display: inline-block;
  height: 0.5625rem;
  width: 1rem;
  float: right;
  margin: 0.625rem 1.3125rem 0 0;
}

/* line 52, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav li .sub-menu {
  display: none;
  margin: 0;
  padding: 0;
  background: #314990;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 60, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav li .sub-menu a {
  font-size: 0.9375rem;
  background: #314990;
  border-bottom: 0;
  padding: 0.5rem 0 0.5rem 3.125rem;
}

/* line 65, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav li .sub-menu a:hover {
  background: #506bb8;
}

/* line 72, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav__toggle {
  background: url("../../img/icon-toggle.svg");
  height: 20px;
  width: 25px;
  background-size: cover;
  float: right;
  grid-area: right;
  margin-left: 10px;
}

@media screen and (min-width: 1024px) {
  /* line 72, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
  .c-mobile-nav__toggle {
    display: none;
  }
}

/* line 85, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav__close {
  display: block;
  background: url("../../img/icon-close.svg") #24366A;
  height: 1.5625rem;
  width: 1.5625rem;
  float: right;
  margin: 1rem 1.125rem 0 0;
  background-size: cover;
}

/* line 95, wp-content/themes/brickthemewp/scss/components/_mobile-nav.scss */
.c-mobile-nav .parent-link {
  display: block;
}

/* ==========================================================================
   #Post component
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post {
  border: 1px solid rgba(49, 49, 49, 0.3);
  border-radius: 0.625rem;
  padding: 1.5625rem;
  align-items: center;
  margin-bottom: 1.125rem;
  position: relative;
}

/* line 13, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post:hover {
  background: #F2F2F2;
}

@media screen and (min-width: 640px) {
  /* line 5, wp-content/themes/brickthemewp/scss/components/_post.scss */
  .c-post {
    display: flex;
  }
}

@media screen and (min-width: 1024px) {
  /* line 21, wp-content/themes/brickthemewp/scss/components/_post.scss */
  .c-post__posts {
    max-width: 60.5rem;
  }
}

/* line 26, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__thumbnail {
  line-height: 0;
  width: 100%;
  margin-bottom: 0.625rem;
}

@media screen and (min-width: 640px) {
  /* line 26, wp-content/themes/brickthemewp/scss/components/_post.scss */
  .c-post__thumbnail {
    max-width: 11.5rem;
    padding-right: 1.5625rem;
    margin: 0;
  }
}

/* line 35, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__thumbnail img {
  width: 100%;
}

/* line 40, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post h2 {
  margin-bottom: 0.3125rem;
  color: #52A4AF;
}

/* line 45, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post p {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  margin-bottom: 0.625rem;
}

/* line 51, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__byline {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}

/* line 56, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 64, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__contact {
  background: #F2F2F2;
  padding: 2.125rem 4.625rem;
  margin-bottom: 2.8125rem;
}

/* line 69, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__contact h4 {
  font-size: 1.3125rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.6875rem;
}

/* line 75, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__contact p {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 1.3125rem;
  line-height: 1.6875rem;
}

/* line 82, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__contact a {
  color: #076EA0;
}

/* line 85, wp-content/themes/brickthemewp/scss/components/_post.scss */
.c-post__contact a:hover {
  color: #24366A;
}

/* ==========================================================================
   #Pagination component
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_pagination.scss */
.c-content .wp-paginate {
  text-align: center;
  margin-top: 3.4375rem;
  margin-bottom: 4.0625rem;
}

/* line 10, wp-content/themes/brickthemewp/scss/components/_pagination.scss */
.c-content .wp-paginate .title,
.c-content .wp-paginate .next,
.c-content .wp-paginate .prev {
  display: none;
}

/* line 16, wp-content/themes/brickthemewp/scss/components/_pagination.scss */
.c-content .wp-paginate span,
.c-content .wp-paginate a:hover {
  color: #ffffff;
  background: #52A4AF;
  border: 0;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0.625rem;
}

/* line 25, wp-content/themes/brickthemewp/scss/components/_pagination.scss */
.c-content .wp-paginate a {
  background: none;
  border: 0;
  color: #24366A;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0.625rem;
}

/* ==========================================================================
   Background Image Pane
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane {
  overflow: hidden;
}

/* line 8, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane a {
  position: relative;
  z-index: 1;
}

/* line 12, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane.o-grid {
  padding: 2.5rem;
  line-height: 0;
  top: 0;
}

/* line 17, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane__wrap {
  min-height: 24.1875rem;
  background-size: auto 100%;
  background-position: right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  position: relative;
  background: #ffffff;
  margin-bottom: 3.125rem;
  margin: 0 0 3.125rem calc(50% - 50vw);
  width: 100vw;
}

/* line 30, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.home .c-background-image-pane__wrap {
  margin: 0;
  width: 100%;
}

/* line 36, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane h2 {
  margin-bottom: 0;
  font-weight: 500;
  position: relative;
  z-index: 2;
  font-size: 1.4375rem;
  line-height: 2.0625rem;
}

@media screen and (min-width: 1024px) {
  /* line 36, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
  .c-background-image-pane h2 {
    max-width: 25.9375rem;
    font-size: 2.25rem;
    line-height: 2.875rem;
  }
}

/* line 52, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane p {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 52, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
  .c-background-image-pane p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 52, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
  .c-background-image-pane p {
    max-width: 25.9375rem;
  }
}

/* line 63, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane p:last-child {
  margin: 0;
}

/* line 68, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background-size: cover;
  opacity: .2;
}

@media screen and (min-width: 1024px) {
  /* line 68, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
  .c-background-image-pane__image {
    width: 50%;
    opacity: 1;
  }
}

/* line 84, wp-content/themes/brickthemewp/scss/components/_background-image-pane.scss */
.c-background-image-pane__image:before {
  width: 50%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #ffffff;
  background: white;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.8) 69%, rgba(255, 255, 255, 0) 100%);
}

/* ==========================================================================
   Facts Pane
   ========================================================================== */
/* line 6, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__wrap {
  background: #24366A;
  color: #ffffff;
  padding: 2.5rem;
  position: relative;
  margin: 0 0 3.125rem calc(50% - 50vw);
  width: 100vw;
}

@media screen and (min-width: 1115px) {
  /* line 6, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
  .c-facts-pane__wrap {
    padding: 4.0625rem;
  }
}

/* line 17, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.home .c-facts-pane__wrap {
  margin: 0 0 -1.0625rem;
  width: auto;
}

/* line 23, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.home .c-facts-pane .c-facts-pane:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(36, 54, 106, 0);
  border-top-color: #24366a;
  border-width: 17px;
  margin-left: -17px;
}

/* line 38, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane h2 {
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.875rem;
  max-width: 90%;
  margin: 0 auto 2.5rem;
}

/* line 48, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane p {
  max-width: 51.3125rem;
  margin: 0 auto 1.75rem;
}

/* line 53, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__items {
  margin: 5.5rem auto 0;
}

@media screen and (min-width: 1115px) {
  /* line 53, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
  .c-facts-pane__items {
    display: flex;
    max-width: 55.6875rem;
    justify-content: center;
    flex: 1 1 0;
  }
}

/* line 65, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__image {
  background: green;
  height: 10.125rem;
  width: 10.125rem;
  overflow: hidden;
  border-radius: 62.4375rem;
  border: 0.6875rem solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -5.5rem auto 2.1875rem;
}

/* line 77, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__image img {
  max-width: auto;
  height: 76%;
}

/* line 82, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item {
  max-width: 15.9375rem;
  background: #ffffff;
  color: #24366A;
  margin: 0 auto 4.375rem;
  border-radius: 0.625rem;
  padding: 2.5rem;
  flex-grow: 1;
  flex-basis: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 82, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
  .c-facts-pane__item {
    flex-basis: auto;
  }
}

/* line 95, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 1115px) {
  /* line 82, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
  .c-facts-pane__item {
    margin: 0 0.75rem;
  }
}

/* line 104, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item:nth-child(1) .c-facts-pane__image {
  background: #cd9335;
}

/* line 110, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item:nth-child(2) .c-facts-pane__image {
  background: #7b9038;
}

/* line 116, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item:nth-child(3) .c-facts-pane__image {
  background: #c43d1a;
}

/* line 122, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item:nth-child(4) .c-facts-pane__image {
  background: #b21e4f;
}

/* line 127, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item h3 {
  font-size: 1.5rem;
  line-height: 1.9375rem;
  text-align: center;
  font-weight: 700;
}

/* line 134, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item p {
  font-size: 1.125rem;
  line-height: 1.875rem;
  font-weight: 500;
}

/* line 139, wp-content/themes/brickthemewp/scss/components/_facts-pane.scss */
.c-facts-pane__item p:last-child {
  margin: 0;
}

/* ==========================================================================
   #Testimonials component
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials {
  background: #52A4AF;
  color: #ffffff;
  padding: 4.0625rem 2.5rem;
}

/* line 10, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials h2 {
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

/* line 15, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__wrap {
  max-width: 50.4375rem;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}

/* line 21, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__items {
  height: 31.25rem;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
  padding: 0 0.625rem 0 0;
}

/* line 27, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__items::-webkit-scrollbar {
  width: 1.875rem;
  background: #a8d1d6;
  border-radius: 1.25rem;
  border: 5px solid #a8d1d6;
}

/* line 33, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__items::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1.25rem;
  background: #41848d;
}

@media screen and (min-width: 640px) {
  /* line 21, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
  .c-testimonials__items {
    width: 70%;
    overflow: hidden;
    padding: 0;
  }
}

/* line 46, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__file {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 55, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__video iframe {
  position: absolute;
  top: 0;
  bottom: 0.875rem;
  left: 0;
  right: 0;
  width: 100%;
  height: 18.75rem;
}

@media screen and (min-width: 640px) {
  /* line 55, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
  .c-testimonials__video iframe {
    height: 21.5625rem;
  }
}

/* line 68, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__image {
  margin-bottom: 0.875rem;
  width: 100%;
  height: 18.75rem;
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 640px) {
  /* line 68, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
  .c-testimonials__image {
    height: 21.5625rem;
  }
}

/* line 78, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__item {
  width: 100%;
  text-align: left;
  position: relative;
}

@media screen and (min-width: 640px) {
  /* line 78, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
  .c-testimonials__item {
    height: 31.25rem;
  }
}

/* line 87, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__item img {
  width: 100%;
}

/* line 91, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__item h3 {
  color: #ffffff;
  font-family: "museo", serif;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  padding: 0 0.5rem;
}

/* line 99, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__item p {
  font-size: 1rem;
  line-height: 1.8125rem;
  padding: 0 0.5rem;
}

/* line 106, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__nav {
  width: 15.125rem;
  height: 21.5625rem;
  padding: 0 0.5rem;
  overflow: hidden;
  overflow-y: scroll;
  display: none;
}

@media screen and (min-width: 640px) {
  /* line 106, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
  .c-testimonials__nav {
    display: block;
  }
}

/* line 117, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__nav--item {
  height: 33%;
  margin-bottom: 0.5rem;
  display: block;
  background-size: cover;
  background-position: center;
}

/* line 124, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__nav--item:last-child {
  margin-bottom: 0;
}

/* line 129, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__nav::-webkit-scrollbar {
  width: 1.875rem;
  background: #a8d1d6;
  border-radius: 1.25rem;
  border: 5px solid #a8d1d6;
}

/* line 135, wp-content/themes/brickthemewp/scss/components/_testimonials.scss */
.c-testimonials__nav::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1.25rem;
  background: #41848d;
}

/* ==========================================================================
   #References component
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references {
  background: #f7f6f6;
  padding: 1.25rem;
  max-width: 44.375rem;
  margin: 0 auto 1.875rem;
  list-style: none;
}

/* line 11, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li {
  padding: 0.5625rem;
  counter-increment: item;
  line-height: 19px;
}

/* line 16, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li a:after {
  content: "";
  background: url("../../img/icon_external2.png");
  height: 0.6875rem;
  width: 0.9375rem;
  display: inline-block;
  margin-left: 5px;
}

/* line 25, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li:target:after {
  background: url("../../img/icon_external3.png");
}

/* line 29, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li:target {
  background: #E88934;
}

/* line 31, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li:target:hover:before {
  color: #ffffff;
}

/* line 34, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li:target:before {
  color: #ffffff;
}

/* line 37, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li:target a {
  color: #ffffff;
}

/* line 41, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li:last-child {
  margin-bottom: 0;
}

/* line 44, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li:before {
  color: #52A4AF;
  content: counter(item);
  font-size: 0.625rem;
  vertical-align: 0.1875rem;
}

/* line 50, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references li:hover:before {
  color: #313131;
}

/* line 55, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references a {
  color: #52A4AF;
  font-size: 0.9375rem;
}

/* line 58, wp-content/themes/brickthemewp/scss/components/_references.scss */
.c-references a:hover {
  color: #313131;
}

/* line 64, wp-content/themes/brickthemewp/scss/components/_references.scss */
.home .c-references {
  margin-top: 1.875rem;
}

/* ==========================================================================
   #Infographic component
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic {
  border-radius: 1.25rem;
  background: #52A4AF;
  padding: 2.125rem 2.125rem 0.625rem;
  text-align: center;
  color: #ffffff;
  margin: 2.5rem 0;
  font-family: "museo", serif;
}

@media screen and (min-width: 991px) {
  /* line 5, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
  .c-infographic {
    margin: 2.5rem -4.625rem;
  }
}

/* line 17, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  color: #ffffff;
  margin-bottom: 20px;
}

/* line 25, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-top {
  max-width: 41.0625rem;
  margin: 0 auto;
  font-weight: 500;
}

@media screen and (min-width: 640px) {
  /* line 25, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
  .c-infographic__facts-top {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    display: -ms-grid;
    display: grid;
  }
}

/* line 37, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-top img {
  height: 6.0625rem;
}

/* line 41, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-top p {
  padding: 0 3.25rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

@media screen and (min-width: 0) and (max-width: 640px) {
  /* line 46, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
  .c-infographic__facts-top p:last-child {
    border-bottom: 1px dotted;
    padding-bottom: 1.5625rem;
  }
}

@media screen and (min-width: 640px) {
  /* line 46, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
  .c-infographic__facts-top p:last-child {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

/* line 56, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-top p:first-child {
  border: dotted;
  border-width: 0 0 1px;
  padding: 0 3.25rem 1.5625rem;
}

@media screen and (min-width: 640px) {
  /* line 56, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
  .c-infographic__facts-top p:first-child {
    border-width: 0 1px 0 0;
    padding: 0 3.25rem;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}

/* line 68, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-top strong {
  display: block;
  font-size: 2.25rem;
  line-height: 2.6875rem;
}

/* line 75, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-bottom {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 27.1875rem;
  margin-bottom: 0.625rem;
}

/* line 82, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-bottom li {
  margin-bottom: 1.25rem;
  text-align: center;
  padding-bottom: 1.25rem;
  border-bottom: 1px dotted;
}

@media screen and (min-width: 640px) {
  /* line 82, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
  .c-infographic__facts-bottom li {
    display: flex;
    align-items: center;
    text-align: left;
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media screen and (min-width: 640px) {
  /* line 96, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
  .c-infographic__facts-bottom img {
    margin-right: 1.625rem;
  }
}

/* line 101, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-bottom p {
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  /* line 101, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
  .c-infographic__facts-bottom p {
    width: 45%;
    margin-right: 34px;
  }
}

/* line 109, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-bottom p span {
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: block;
}

/* line 115, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__facts-bottom strong {
  font-size: 1.875rem;
  line-height: 2.25rem;
  width: 40%;
  font-weight: normal;
}

/* line 123, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
.c-infographic__source {
  font-size: 0.75rem;
  font-family: "din-2014", sans-serif;
}

/* line 129, wp-content/themes/brickthemewp/scss/components/_infographic.scss */
ul.c-infographic__facts-bottom {
  margin: 0 auto;
}

/* ==========================================================================
   Footnotes Componant
   ========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_footnotes.scss */
.modern-footnotes-footnote__note {
  font-size: 1.125rem;
  line-height: 1.5rem;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
  color: #323232;
  background: #ffffff;
  padding: 0.9375rem;
}

/* line 17, wp-content/themes/brickthemewp/scss/components/_footnotes.scss */
.modern-footnotes-footnote__note a::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

/* line 32, wp-content/themes/brickthemewp/scss/components/_footnotes.scss */
.modern-footnotes-footnote__note a {
  color: #323232 !important;
  display: inline;
  white-space: pre-wrap;
  text-decoration: underline;
}

/* line 37, wp-content/themes/brickthemewp/scss/components/_footnotes.scss */
.modern-footnotes-footnote__note a:last-child:after {
  content: "";
  height: 1.125rem;
  width: 1.3125rem;
  display: inline-block;
  margin-left: 5px;
}

/* line 48, wp-content/themes/brickthemewp/scss/components/_footnotes.scss */
.modern-footnotes-footnote__connector {
  display: none;
}

/* line 52, wp-content/themes/brickthemewp/scss/components/_footnotes.scss */
.modern-footnotes-footnote {
  margin-top: -7px;
  display: inline-block;
}

/* ==========================================================================
   #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, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav {
  padding: 0;
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

/* line 33, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav ul.menu {
  margin: 0;
  display: flex;
  padding: 0;
  float: right;
}

/* line 39, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav li {
  list-style: none;
  position: relative;
  padding: 0 0 0.875rem 0;
  margin-left: 1.4375rem;
}

/* line 45, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav li.current-menu-item, .c-primary-nav li.current-menu-ancestor {
  border-bottom: 10px solid #ffffff;
}

/* line 50, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav li.menu-item-has-children:after {
  content: "";
  display: inline-block;
  height: 0.4375rem;
  width: 0.6875rem;
  background: url("../../img/arrow-dropdown-desktop.png");
  vertical-align: 1px;
}

/* line 60, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav li a {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.75rem;
}

@media screen and (min-width: 1246px) {
  /* line 60, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
  .c-primary-nav li a {
    font-size: 1.125rem;
  }
}

/* line 69, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav li:hover .sub-menu {
  display: block;
}

/* line 74, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav .sub-menu {
  display: none;
  position: absolute;
  padding-top: 0.625rem;
  left: 0;
  width: 13.6875rem;
  padding-left: 0;
  z-index: 11;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

/* line 84, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav .sub-menu li {
  background: #ffffff;
  padding: 0;
  margin-left: 0;
}

/* line 89, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav .sub-menu li.current-menu-item {
  border-bottom: 0;
  padding-bottom: 0;
}

/* line 94, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav .sub-menu li:last-child a {
  border-bottom: 0;
}

/* line 98, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav .sub-menu li a {
  color: #52A4AF;
  padding: 0.625rem 0.875rem;
  display: block;
  border-bottom: 2px solid rgba(82, 164, 175, 0.3);
  line-height: 1.4375rem;
}

/* line 104, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav .sub-menu li a:hover {
  background: #24366A;
  color: #ffffff;
}

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

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

/* line 132, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-primary-nav .parent-link {
  display: none;
}

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

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

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

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

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

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

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

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

/* line 197, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-drop-nav {
  margin-bottom: 0;
}

/* Mobile toggle link
   ========================================================================== */
/* line 204, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-mobile-toggle {
  display: block;
}

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

/* line 212, wp-content/themes/brickthemewp/scss/components/_primary-nav.scss */
.c-page-head__wrap.collapsed .c-primary-nav li li.current-menu-item {
  padding-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, wp-content/themes/brickthemewp/scss/components/_teaser.scss */
.c-teaser__source {
  font-weight: 600;
  color: #1e3756;
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 108, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-sans {
  font-family: "din-2014", sans-serif;
}

/* line 130, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-serif {
  font-family: "museo", serif;
}

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

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

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

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

/* line 184, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-msr {
  margin-right: 0.75rem;
}

/* line 185, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-mbl {
  margin-left: 1.5rem;
}

/* line 186, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-msl {
  margin-left: 0.75rem;
}

/* line 187, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-mbb {
  margin-bottom: 1.5rem;
}

/* line 188, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-msb {
  margin-bottom: 0.75rem;
}

/* line 189, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-mbt {
  margin-top: 1.5rem;
}

/* line 190, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-mst {
  margin-top: 0.75rem;
}

/* line 192, wp-content/themes/brickthemewp/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 215, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-pbr {
  padding-right: 1.5rem;
}

/* line 216, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-psr {
  padding-right: 0.75rem;
}

/* line 217, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-pbl {
  padding-left: 1.5rem;
}

/* line 218, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-psl {
  padding-left: 0.75rem;
}

/* line 219, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-nop {
  padding: 0;
}

/* line 220, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-nopb {
  padding-bottom: 0;
}

/* Style-guide trumps
   ========================================================================== */
/* line 232, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.wf {
  background: #ccc;
}

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