@charset "UTF-8";
/*
 * Add your partial stylesheets here using @import "folder-name/partial-name"
 */
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 22, ../scss/base/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 32, ../scss/base/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../scss/base/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, ../scss/base/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 68, ../scss/base/_normalize.scss */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Remove default margin.
 */
/* line 80, ../scss/base/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 92, ../scss/base/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 101, ../scss/base/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 114, ../scss/base/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 123, ../scss/base/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 132, ../scss/base/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 140, ../scss/base/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 148, ../scss/base/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 158, ../scss/base/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 170, ../scss/base/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 179, ../scss/base/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 187, ../scss/base/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 195, ../scss/base/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 204, ../scss/base/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 211, ../scss/base/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 215, ../scss/base/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 227, ../scss/base/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 235, ../scss/base/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 247, ../scss/base/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 259, ../scss/base/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 270, ../scss/base/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 284, ../scss/base/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 296, ../scss/base/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 308, ../scss/base/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 323, ../scss/base/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 333, ../scss/base/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 343, ../scss/base/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 354, ../scss/base/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 367, ../scss/base/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 376, ../scss/base/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 386, ../scss/base/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 399, ../scss/base/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 54, ../scss/base/_settings-utils.scss */
.element-invisible, .screen-reader-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

/* line 58, ../scss/base/_settings-utils.scss */
.element-invisible-override {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/* line 62, ../scss/base/_settings-utils.scss */
.cf {
  overflow: hidden;
  *zoom: 1;
}

/* line 66, ../scss/base/_settings-utils.scss */
.overflow-cf {
  *zoom: 1;
}
/* line 22, ../../../../../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.overflow-cf:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/*
 * Colours - declare all colours here. Think of them as a palette for the site.
 */
/*
 * Icons - use the icomoon app for free generic icons.
 * For these, and any icons that you design yourself in illustrator, make sure you export an svg version.
 */
@font-face {
  font-family: 'icomoon';
  src: url("../icons/icomoon.eot?54p972");
  src: url("../icons/icomoon.eot?54p972#iefix") format("embedded-opentype"), url("../icons/icomoon.woff2?54p972") format("woff2"), url("../icons/icomoon.ttf?54p972") format("truetype"), url("../icons/icomoon.woff?54p972") format("woff"), url("../icons/icomoon.svg?54p972#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 22, ../scss/design-elements/_icons.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 37, ../scss/design-elements/_icons.scss */
.icon-mail:before {
  content: "\e002";
}

/* line 40, ../scss/design-elements/_icons.scss */
.icon-zoom-in:before {
  content: "\e037";
}

/* line 43, ../scss/design-elements/_icons.scss */
.icon-zoom-out:before {
  content: "\e038";
}

/* line 46, ../scss/design-elements/_icons.scss */
.icon-share:before {
  content: "\e081";
}

/* line 49, ../scss/design-elements/_icons.scss */
.icon-check:before {
  content: "\e116";
}

/* line 52, ../scss/design-elements/_icons.scss */
.icon-cross:before {
  content: "\e117";
}

/* line 55, ../scss/design-elements/_icons.scss */
.icon-menu:before {
  content: "\e120";
  font-size: 20px;
  position: relative;
  top: 2px;
}

/* line 61, ../scss/design-elements/_icons.scss */
.icon-open:before {
  content: "\e128";
}

/* line 64, ../scss/design-elements/_icons.scss */
.icon-Arrow-Right:before {
  content: "\e900";
}

/* line 67, ../scss/design-elements/_icons.scss */
.icon-Arrow-Left:before {
  content: "\e901";
}

/*
 * Typography - We use Google Fonts and Typekit.
 * We use the Compass vertical rhythm mixin to keep vertical spacing in proportion:
 * http://compass-style.org/reference/compass/typography/vertical_rhythm/
 * http://www.zell-weekeat.com/compass-vertical-rhythm/
 */
/* line 54, ../scss/design-elements/_typography.scss */
h1 {
  font-size: 2em;
  line-height: 1.3125em;
  margin: 0;
  margin-bottom: 0.75em;
}

/* line 61, ../scss/design-elements/_typography.scss */
h2, .h2_top {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0;
  margin-bottom: 0.8em;
}

/* line 69, ../scss/design-elements/_typography.scss */
.larger-text, h3 {
  font-size: 1.25em;
  line-height: 1.5996em;
  margin: 0;
  margin-bottom: 1.2em;
}

/* line 75, ../scss/design-elements/_typography.scss */
.large-text, h4, label, #main blockquote p, .pull-quote, .people-job-title {
  font-size: 1.0625em;
  line-height: 1.76471em;
  margin: 0;
}

/* line 80, ../scss/design-elements/_typography.scss */
h5 {
  text-transform: uppercase;
  font-size: 0.9375em;
  line-height: 1.6em;
  margin: 0;
}

/* line 86, ../scss/design-elements/_typography.scss */
h6 {
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 1.71429em;
  margin: 0;
}

/* line 92, ../scss/design-elements/_typography.scss */
.small-text {
  font-size: 14px;
  text-transform: lowercase;
}

/* line 105, ../scss/design-elements/_typography.scss */
.extra-large-text {
  font-size: 80px;
}

/* line 110, ../scss/design-elements/_typography.scss */
#navigation .menu-title, .cat-trigger {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  font-weight: normal;
}

/* line 125, ../scss/design-elements/_typography.scss */
body {
  font-size: inherit;
  font-family: "Roboto", sans-serif;
  line-height: inherit;
  color: #3c3c3b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 61, ../../../../../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
* html {
  font-size: 100%;
}

/* line 64, ../../../../../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 16px;
  line-height: 1.5em;
}

/* line 140, ../scss/design-elements/_typography.scss */
p, ul, ol, hr, blockquote {
  margin-top: 0;
  margin-bottom: 1.5em;
}

/* line 145, ../scss/design-elements/_typography.scss */
h1, h3, h4, label {
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

/* line 169, ../scss/design-elements/_typography.scss */
a {
  color: #dedd14;
}
/* line 171, ../scss/design-elements/_typography.scss */
a:hover, a:active, a:focus {
  color: #edec38;
}

/* line 179, ../scss/design-elements/_typography.scss */
ul {
  padding: 0;
}

/* line 183, ../scss/design-elements/_typography.scss */
li {
  margin-left: 24px;
}

/* line 187, ../scss/design-elements/_typography.scss */
hr {
  border: 0;
  border-top: 2px solid #dedd14;
  margin: 24px 0;
  padding: 0;
}

/* line 196, ../scss/design-elements/_typography.scss */
table {
  margin-bottom: 24px;
}

/* line 200, ../scss/design-elements/_typography.scss */
thead, tfoot {
  background-color: #dedd14;
  content: white;
  font-weight: 700;
}

/* line 207, ../scss/design-elements/_typography.scss */
tr:nth-of-type(2n) {
  background-color: #c3c3c0;
}

/* line 212, ../scss/design-elements/_typography.scss */
th, td {
  padding: 12px;
}

/* line 222, ../scss/design-elements/_typography.scss */
#main blockquote {
  position: relative;
  padding: 24px 0;
  font-style: italic;
  font-weight: 200;
  border-top: 1px solid #c3c3c0;
  border-bottom: 1px solid #c3c3c0;
  margin: 24px 0;
}
/* line 230, ../scss/design-elements/_typography.scss */
#main blockquote p {
  color: #c3c3c0;
  padding: 0 24px;
}

/* line 238, ../scss/design-elements/_typography.scss */
.underline {
  border-bottom: 1px solid #c3c3c0;
  padding-bottom: 12px;
}

/* line 245, ../scss/design-elements/_typography.scss */
.h2_top p {
  margin: 0;
}

/* line 250, ../scss/design-elements/_typography.scss */
.pull-quote {
  font-style: italic;
  text-align: center;
  margin: 24px auto 48px;
  width: 80%;
}
/* line 256, ../scss/design-elements/_typography.scss */
.pull-quote:before, .pull-quote:after {
  content: "";
  display: block;
  border-top: 2px solid #dedd14;
  clear: both;
  width: 50%;
  margin: 24px auto;
}

/* line 266, ../scss/design-elements/_typography.scss */
.about-clients {
  text-align: center;
}

/* line 270, ../scss/design-elements/_typography.scss */
.accred {
  display: block;
  padding: 48px 0;
  text-align: center;
}
/* line 274, ../scss/design-elements/_typography.scss */
.accred img {
  margin: 0 auto 24px !important;
}
/* line 277, ../scss/design-elements/_typography.scss */
.accred p {
  color: #c3c3c0;
}

/*
 * Media - this is where we define our styles for displaying images, videos, soundfiles, infographics.
 */
/* line 21, ../scss/design-elements/_media.scss */
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

/* line 27, ../scss/design-elements/_media.scss */
img.size-large-xl {
  width: 100%;
}

/*
 * Forms - input boxes, validation colours/styling.
 */
/* line 38, ../scss/design-elements/_fields.scss */
input[type=checkbox], input[type=radio] {
  margin-right: 10px;
  margin-left: 1px;
}

/* line 43, ../scss/design-elements/_fields.scss */
textarea,
select,
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="textbox"],
input[type="week"],
input:not([type]), fieldset {
  border: 2px solid #dedd14;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 49, ../scss/design-elements/_fields.scss */
textarea,
select,
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="textbox"],
input[type="week"],
input:not([type]) {
  padding: 6px 12px;
  outline: none;
  -webkit-appearance: none;
  height: 40px;
  display: inline-block;
  max-width: 100%;
  -webkit-box-shadow: 0 4px 9px -6px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 4px 9px -6px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 4px 9px -6px rgba(0, 0, 0, 0.25) inset;
}
/* line 58, ../scss/design-elements/_fields.scss */
textarea:focus,
select: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="textbox"]:focus,
input[type="week"]:focus,
input:focus:not([type]) {
  border-color: #dedd14;
  background-color: #fbfbe7;
}

/* line 96, ../scss/design-elements/_fields.scss */
textarea {
  padding: 12px;
  height: auto;
}

/* line 117, ../scss/design-elements/_fields.scss */
label {
  color: #3c3c3b;
  margin-bottom: 6px !important;
}

/* line 125, ../scss/design-elements/_fields.scss */
fieldset {
  margin-bottom: 24px;
  background-color: #c3c3c0;
}
/* line 130, ../scss/design-elements/_fields.scss */
fieldset legend {
  padding: 0px 7px;
  color: #6c6e6c;
  background-image: linear-gradient(#ffffff, #f9f9f9);
  margin-left: -7px;
}

/* line 143, ../scss/design-elements/_fields.scss */
.select-wrapper {
  position: relative;
  display: inline-block;
}
/* line 51, ../scss/design-elements/_colors-shapes.scss */
.select-wrapper:after {
  content: "";
  height: 0;
  width: 0;
  border: 10px solid rgba(0, 0, 0, 0);
  display: inline-block;
  border-top-color: #6c6e6c;
  border-width: 10px 6.66667px 0 6.66667px;
}
/* line 147, ../scss/design-elements/_fields.scss */
.select-wrapper:after {
  position: absolute;
  right: 12px;
  top: 15px;
}

/* line 154, ../scss/design-elements/_fields.scss */
select {
  box-shadow: none;
  padding-right: 34px;
}

/*
 * Boxes can be any section on the page that holds an individual piece of content - eg. an article, a tweet, an alert.
 */
/* line 26, ../scss/components/_boxes.scss */
fieldset, .alert, .box {
  padding: 12px 12px 1px;
}

/* line 39, ../scss/components/_boxes.scss */
.alert {
  text-align: center;
  text-transform: uppercase;
  color: white;
}

/* line 46, ../scss/components/_boxes.scss */
.success {
  background: #33b387;
}

/* line 50, ../scss/components/_boxes.scss */
.fail {
  background: #dd374b;
}

/* line 54, ../scss/components/_boxes.scss */
.box {
  background: #c3c3c0;
  margin-bottom: 24px;
}

/*
 * Buttons
 */
/* line 22, ../scss/components/_buttons.scss */
input[type="submit"], button, .button, .button-secondary, input[type="reset"], .listing-link {
  border: none;
  padding: 8px 30px;
  border: #dedd14;
  border-style: solid;
  border-width: 2px;
  color: #dedd14;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background: #dedd14;
  color: white;
  margin: 0 24px 24px 0;
  font-weight: 600;
  -webkit-transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 40, ../scss/components/_buttons.scss */
input[type="submit"]:hover, button:hover, .button:hover, .button-secondary:hover, input[type="reset"]:hover, .listing-link:hover, input[type="submit"]:active, button:active, .button:active, .button-secondary:active, input[type="reset"]:active, .listing-link:active, input[type="submit"]:focus, button:focus, .button:focus, .button-secondary:focus, input[type="reset"]:focus, .listing-link:focus {
  background-color: white;
  border: #dedd14;
  border-style: solid;
  border-width: 2px;
  color: #b9b811;
}

/* line 49, ../scss/components/_buttons.scss */
p input[type="submit"], p button, p .button, p .button-secondary, p input[type="reset"], p .listing-link {
  margin-bottom: 0;
}

/* line 58, ../scss/components/_buttons.scss */
button,
input {
  line-height: inherit;
}

/* line 66, ../scss/components/_buttons.scss */
a.button {
  text-decoration: none;
}

/* line 70, ../scss/components/_buttons.scss */
.button-secondary, input[type="reset"] {
  background-color: #aaaaa6;
  color: #3c3c3b;
}
/* line 74, ../scss/components/_buttons.scss */
.button-secondary:hover, input[type="reset"]:hover, .button-secondary:focus, input[type="reset"]:focus {
  background-color: #91918c;
}
/* line 77, ../scss/components/_buttons.scss */
.button-secondary:active, input[type="reset"]:active {
  background-color: #787872;
}

/*
 * Forms - input boxes, validation colours/styling.
 */
/* line 22, ../scss/components/_forms.scss */
.form-item {
  margin-bottom: 24px;
}

/*
 * Sets up basic styling for menus. Generic only - put "Main Nav" stuff in relevant section". Mobile styles only, please add styles
 * for bigger screens to relevant file in layout/responsive
 *
 * Todo: separate out whole responsive menu bits
 */
/* line 22, ../scss/components/_menus.scss */
.nav {
  padding: 0;
  margin: 0;
}

/* line 32, ../scss/components/_menus.scss */
.nav > .menu-item, #main-menu .sub-menu > li {
  list-style: none;
  margin: 0;
  color: #3c3c3b;
}
/* line 36, ../scss/components/_menus.scss */
.nav > .menu-item a, #main-menu .sub-menu > li a {
  text-decoration: none;
  color: #3c3c3b;
  -webkit-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 40, ../scss/components/_menus.scss */
.nav > .menu-item a:hover, #main-menu .sub-menu > li a:hover, .nav > .menu-item a:active, #main-menu .sub-menu > li a:active, .nav > .menu-item a:focus, #main-menu .sub-menu > li a:focus {
  color: #b9b811;
}
/* line 44, ../scss/components/_menus.scss */
.nav > .menu-item .nav > .menu-item, #main-menu .sub-menu > li .nav > .menu-item, .nav > .menu-item #main-menu .sub-menu > li, #main-menu .nav > .menu-item .sub-menu > li, #main-menu .sub-menu > li .sub-menu > li {
  float: none;
}

/* line 49, ../scss/components/_menus.scss */
.menu-title, .nav > .menu-item > a, #main-menu .sub-menu a, #footer .last-col, #footer .sidebar {
  display: inline-block;
  padding: 12px 16px;
}

/* line 66, ../scss/components/_menus.scss */
.menu-title {
  font-weight: normal;
}

/* line 1, ../scss/protected-components/_breakpoints.scss */
html:after {
  content: "js-breakpoints-getComputedStyleTest";
  visibility: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden;
  width: 0;
  height: 0;
}

/* line 32, ../scss/protected-components/_main-menu.scss */
#navigation > .menu-container {
  position: relative;
}

/* line 36, ../scss/protected-components/_main-menu.scss */
#main-menu {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  margin-bottom: 0;
}
/* line 39, ../scss/protected-components/_main-menu.scss */
.js-hover-active#main-menu {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}
/* line 42, ../scss/protected-components/_main-menu.scss */
#main-menu .menu-title, #main-menu .nav > .menu-item > a, #main-menu .sub-menu a, #main-menu #footer .last-col, #footer #main-menu .last-col, #main-menu #footer .sidebar, #footer #main-menu .sidebar {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

/* line 48, ../scss/protected-components/_main-menu.scss */
#navigation .menu-title {
  cursor: pointer;
  margin: 0;
}

/* line 55, ../scss/protected-components/_main-menu.scss */
.js-hover-active:hover, .js-hover-active:active {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/* line 62, ../scss/protected-components/_main-menu.scss */
#main-menu .menu-item-has-children {
  position: relative;
}

/* line 66, ../scss/protected-components/_main-menu.scss */
#main-menu .sub-menu {
  margin: 0;
  padding: 0;
}
/* line 75, ../scss/protected-components/_main-menu.scss */
#main-menu .js-hover-active.sub-menu {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  top: 100%;
  left: 0;
  position: absolute !important;
}

/* line 86, ../scss/protected-components/_main-menu.scss */
.no-js #navigation > .menu-container:hover #main-menu, .no-js #navigation > .menu-container:active #main-menu {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  position: relative !important;
}

@media screen and (max-width: 767.5px) {
  /* line 96, ../scss/protected-components/_main-menu.scss */
  .js-hover-active#main-menu {
    position: relative !important;
    overflow: hidden;
  }
  /* line 101, ../scss/protected-components/_main-menu.scss */
  .js-hover-active#main-menu .menu-item-has-children {
    position: static;
  }
  /* line 104, ../scss/protected-components/_main-menu.scss */
  .js-hover-active#main-menu .sub-menu {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
    position: absolute !important;
    right: -100%;
    width: 75%;
    top: 0;
    left: auto;
    -webkit-transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  /* line 107, ../scss/protected-components/_main-menu.scss */
  .js-hover-active#main-menu .js-hover-active {
    right: 0;
  }
  /* line 109, ../scss/protected-components/_main-menu.scss */
  .js-hover-active#main-menu .js-hover-active:before {
    opacity: 1;
    width: 2000px;
  }

  /* line 119, ../scss/protected-components/_main-menu.scss */
  #main-menu .sub-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    right: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  /* line 134, ../scss/protected-components/_main-menu.scss */
  .no-js #main-menu {
    position: relative !important;
    overflow: hidden;
  }
  /* line 137, ../scss/protected-components/_main-menu.scss */
  .no-js #main-menu .sub-menu {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
    -webkit-transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: right 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: absolute !important;
    top: 0;
    left: auto;
    right: -100%;
    width: 75%;
    min-height: 100%;
  }
  /* line 147, ../scss/protected-components/_main-menu.scss */
  .no-js #main-menu .menu-item-has-children {
    position: static;
  }
  /* line 150, ../scss/protected-components/_main-menu.scss */
  .no-js #main-menu .menu-item-has-children:hover > .sub-menu, .no-js #main-menu .menu-item-has-children:active > .sub-menu {
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  /* line 14, ../scss/protected-components/_breakpoints.scss */
  body:after {
    content: "large_menu";
    visibility: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    overflow: hidden;
    width: 0;
    height: 0;
  }
  /* line 25, ../scss/protected-components/_breakpoints.scss */
  body .js-breakpoints-large_menu {
    position: absolute;
  }

  /* line 166, ../scss/protected-components/_main-menu.scss */
  #main-menu {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
  }

  /* line 170, ../scss/protected-components/_main-menu.scss */
  .nav {
    min-height: 0 !important;
  }

  /* line 174, ../scss/protected-components/_main-menu.scss */
  #navigation .menu-title {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
  }

  /* line 180, ../scss/protected-components/_main-menu.scss */
  #main-menu .sub-menu:hover, #main-menu .sub-menu:active {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
    position: absolute !important;
  }
  /* line 184, ../scss/protected-components/_main-menu.scss */
  #main-menu .sub-menu > li {
    float: none !important;
  }
  /* line 187, ../scss/protected-components/_main-menu.scss */
  #main-menu .sub-menu .sub-menu {
    top: 0 !important;
    left: 100% !important;
  }
}
/*
 * Listings - this could be any individual item, such as a blog post, article, shopping item.
 */
/* line 17, ../scss/components/_listings.scss */
.listing-cover-link, .listing-project .listing-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 31, ../scss/components/_listings.scss */
.listing-item {
  margin-bottom: 24px;
}

/* line 35, ../scss/components/_listings.scss */
.listing-cover-link {
  z-index: 1;
}

/* line 40, ../scss/components/_listings.scss */
.listing-image {
  width: 100%;
  display: block;
}

/* line 46, ../scss/components/_listings.scss */
.listing-body img {
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
}
/* line 50, ../scss/components/_listings.scss */
.listing-body img.alignleft {
  float: left;
  margin: 0 24px 24px 0;
}

/* line 57, ../scss/components/_listings.scss */
.listing-link {
  background: none;
  border: white;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-weight: 300;
  margin: 0;
}

/* line 74, ../scss/components/_listings.scss */
.page-template-page-projects #content-1 {
  padding: 0 !important;
}

/* line 79, ../scss/components/_listings.scss */
.listing-project-grid {
  padding: 6px;
}

/* line 83, ../scss/components/_listings.scss */
.listing-project {
  float: left;
  padding: 6px;
  text-align: center;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
@media screen and (min-width: 580px) {
  /* line 83, ../scss/components/_listings.scss */
  .listing-project {
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  /* line 83, ../scss/components/_listings.scss */
  .listing-project {
    width: 33.33333%;
  }
}
@media screen and (min-width: 1280px) {
  /* line 83, ../scss/components/_listings.scss */
  .listing-project {
    width: 25%;
  }
}
/* line 98, ../scss/components/_listings.scss */
.listing-project.cat-disabled {
  opacity: 0.2;
}
/* line 100, ../scss/components/_listings.scss */
.listing-project.cat-disabled .listing-body {
  display: none;
}
/* line 104, ../scss/components/_listings.scss */
.listing-project .listing-inner {
  position: relative;
}
/* line 107, ../scss/components/_listings.scss */
.listing-project .listing-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  padding: 12px;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 118, ../scss/components/_listings.scss */
.listing-project .listing-body * {
  -webkit-transform: translateY(24px);
  -moz-transform: translateY(24px);
  -ms-transform: translateY(24px);
  -o-transform: translateY(24px);
  transform: translateY(24px);
  opacity: 0;
  max-width: 450px;
}
/* line 122, ../scss/components/_listings.scss */
.listing-project .listing-body *:first-child {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: -moz-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 125, ../scss/components/_listings.scss */
.listing-project .listing-body *:nth-child(2) {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.25s, 0.25s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  -o-transition: -o-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
/* line 130, ../scss/components/_listings.scss */
.listing-project .listing-title {
  max-width: 100%;
  color: #dedd14;
}
/* line 138, ../scss/components/_listings.scss */
.listing-project:hover .listing-body, .listing-project:active .listing-body {
  opacity: 1;
}
/* line 140, ../scss/components/_listings.scss */
.listing-project:hover .listing-body *, .listing-project:active .listing-body * {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* line 152, ../scss/components/_listings.scss */
.cat-filter-bar {
  background-color: #3c3c3b;
  position: relative;
  z-index: 3;
  color: #c3c3c0;
  padding: 8px 0;
}

/* line 160, ../scss/components/_listings.scss */
.cat-trigger {
  padding: 4px;
  margin: 0 !important;
  cursor: pointer;
}
/* line 51, ../scss/design-elements/_colors-shapes.scss */
.cat-trigger:after {
  content: "";
  height: 0;
  width: 0;
  border: 8px solid rgba(0, 0, 0, 0);
  display: inline-block;
  border-top-color: #c3c3c0;
  border-width: 8px 5.33333px 0 5.33333px;
}
/* line 166, ../scss/components/_listings.scss */
.cat-trigger:after {
  margin-left: 8px;
  position: relative;
  top: -2px;
}
/* line 51, ../scss/design-elements/_colors-shapes.scss */
.cat-trigger.cat-active:after {
  content: "";
  height: 0;
  width: 0;
  border: 8px solid rgba(0, 0, 0, 0);
  display: inline-block;
  border-bottom-color: #c3c3c0;
  border-width: 0 5.33333px 8px 5.33333px;
}

/* line 176, ../scss/components/_listings.scss */
.cat-filters {
  overflow: hidden;
  *zoom: 1;
  margin: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 184, ../scss/components/_listings.scss */
.cat-filters.cat-inactive {
  height: 0 !important;
}
/* line 187, ../scss/components/_listings.scss */
.cat-filters li {
  margin-left: 0 !important;
  float: left;
  width: 50%;
  list-style: none;
}

/* line 195, ../scss/components/_listings.scss */
.cat-filter {
  color: #c3c3c0;
  text-decoration: none;
  padding: 4px;
  display: inline-block;
  cursor: pointer;
}
/* line 201, ../scss/components/_listings.scss */
.cat-filter.cat-active {
  color: #dedd14;
  position: relative;
}
/* line 204, ../scss/components/_listings.scss */
.cat-filter.cat-active:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-bottom: 2px solid #dedd14;
}
/* line 213, ../scss/components/_listings.scss */
.cat-filter.cat-active:focus {
  outline: none;
}

/*
 * Slideshow - a drupal module that can be used to create a slideshow of any content (not just images) that can appear in a View.
 */
/* line 29, ../scss/components/_slideshow.scss */
.slideshow .slick-slide:focus, .project-slideshow .slick-slide:focus {
  outline: none;
}

/* line 34, ../scss/components/_slideshow.scss */
.slideshow {
  margin-bottom: 0 !important;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* line 42, ../scss/components/_slideshow.scss */
.slideshow.slick-initialized {
  opacity: 1;
}

/* line 47, ../scss/components/_slideshow.scss */
.slideshow-outer {
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
}

/* line 55, ../scss/components/_slideshow.scss */
.project-slideshow {
  margin-top: 24px;
  margin-bottom: 48px !important;
  height: 0;
  padding-bottom: 66%;
  opacity: 0;
  background-color: #f7f7f7;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 63, ../scss/components/_slideshow.scss */
.project-slideshow.slick-initialized {
  height: auto;
  padding-bottom: 0;
  opacity: 1;
}
/* line 68, ../scss/components/_slideshow.scss */
.project-slideshow .slick-track {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 75, ../scss/components/_slideshow.scss */
.project-slideshow .slick-slide img {
  margin: auto;
  max-height: 100vh;
}
/* line 80, ../scss/components/_slideshow.scss */
.project-slideshow .slick-dots {
  bottom: -51.6px;
  width: auto;
  right: 0;
}
/* line 84, ../scss/components/_slideshow.scss */
.project-slideshow .slick-dots li {
  margin: 0 6px !important;
  width: 12px;
  height: 12px;
}
/* line 89, ../scss/components/_slideshow.scss */
.project-slideshow .slick-dots li button:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-color: #6c6e6c;
  opacity: 0.5;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 102, ../scss/components/_slideshow.scss */
.project-slideshow .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #dedd14;
}

/* line 112, ../scss/components/_slideshow.scss */
.slick-arrow {
  position: absolute;
  z-index: 1;
  color: #dedd14;
  top: 50%;
  margin-top: -36px;
  left: 24px;
  cursor: pointer;
  font-size: 72px;
}

/* line 123, ../scss/components/_slideshow.scss */
.slideshow-next {
  right: 24px;
  left: auto !important;
}

/* line 23, ../scss/layout/responsive/_grid-container.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 27, ../scss/layout/responsive/_grid-container.scss */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 33, ../scss/layout/responsive/_grid-container.scss */
.container, .header-container, .footer-container, .main-menu-home-link {
  *zoom: 1;
  max-width: 1260px;
  _width: 1260px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: auto;
  margin-right: auto;
}
/* line 38, ../../../../../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.container:after, .header-container:after, .footer-container:after, .main-menu-home-link:after {
  content: "";
  display: table;
  clear: both;
}

/* line 37, ../scss/layout/responsive/_grid-container.scss */
.col-container {
  display: flex;
  flex-flow: row wrap;
  *zoom: 1;
}
/* line 22, ../../../../../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.col-container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/* line 43, ../scss/layout/responsive/_grid-container.scss */
.three-col {
  width: 100%;
}

@media screen and (min-width: 768px) {
  /* line 57, ../scss/layout/responsive/_grid-container.scss */
  .container, .header-container, .footer-container, .main-menu-home-link {
    padding-left: 24px;
    padding-right: 24px;
  }

  /* line 62, ../scss/layout/responsive/_grid-container.scss */
  .two-col {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    display: inline;
  }
  /* line 64, ../scss/layout/responsive/_grid-container.scss */
  .two-col.last-col, .two-col.sidebar {
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
  }
  /* line 67, ../scss/layout/responsive/_grid-container.scss */
  .two-col:nth-of-type(2n + 1) {
    clear: both;
  }

  /* line 72, ../scss/layout/responsive/_grid-container.scss */
  .three-col {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    display: inline;
  }
  /* line 74, ../scss/layout/responsive/_grid-container.scss */
  .three-col.last-col, .three-col.sidebar {
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
  }
  /* line 77, ../scss/layout/responsive/_grid-container.scss */
  .three-col:nth-of-type(3n + 1) {
    clear: both;
  }

  /* line 82, ../scss/layout/responsive/_grid-container.scss */
  .three-col-2, .sidebar-page #main {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    display: inline;
    clear: right;
  }
  /* line 85, ../scss/layout/responsive/_grid-container.scss */
  .three-col-2.last-col, .sidebar-page .last-col#main, .sidebar-page #main.sidebar, .three-col-2.sidebar {
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
  }
}
@media screen and (min-width: 768px) and (max-width: 959.5px) {
  /* line 94, ../scss/layout/responsive/_grid-container.scss */
  .four-col {
    width: 47.82609%;
    float: left;
    margin-right: 4.34783%;
    display: inline;
  }
  /* line 96, ../scss/layout/responsive/_grid-container.scss */
  .four-col.odd-col {
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
  }
}
@media screen and (min-width: 960px) {
  /* line 105, ../scss/layout/responsive/_grid-container.scss */
  .four-col {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    display: inline;
  }
  /* line 107, ../scss/layout/responsive/_grid-container.scss */
  .four-col.last-col, .four-col.sidebar {
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
  }
  /* line 110, ../scss/layout/responsive/_grid-container.scss */
  .four-col:nth-of-type(4n + 2) {
    clear: both;
  }
}
/*
 * Header
 */
/* line 21, ../scss/layout/regions/_header.scss */
#header-sticky-wrapper {
  height: 59px !important;
}

/* line 25, ../scss/layout/regions/_header.scss */
#header {
  position: relative;
  *zoom: 1;
  background: white;
  border-bottom: 2px solid #dedd14;
  z-index: 4;
}
/* line 22, ../../../../../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
#header:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/* line 33, ../scss/layout/regions/_header.scss */
.header-container, .footer-container {
  padding: 0;
}

/* line 39, ../scss/layout/regions/_header.scss */
.flexbox .header-container, .flexbox .footer-container {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 49, ../scss/layout/regions/_header.scss */
.flexbox #navigation {
  margin-left: auto;
}

/* line 55, ../scss/layout/regions/_header.scss */
.no-flexbox .header-container, .no-flexbox .footer-container {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* line 59, ../scss/layout/regions/_header.scss */
.no-flexbox #site-name {
  float: left;
  padding-top: 0;
  padding-bottom: 0;
}
/* line 64, ../scss/layout/regions/_header.scss */
.no-flexbox #navigation {
  float: right;
}

/* line 78, ../scss/layout/regions/_header.scss */
#branding .container:after, #branding .header-container:after, #branding .footer-container:after, #branding .main-menu-home-link:after {
  display: none;
}

/* line 84, ../scss/layout/regions/_header.scss */
#site-name {
  display: block;
  padding: 10% 0;
  margin-bottom: 0 !important;
}
/* line 88, ../scss/layout/regions/_header.scss */
#site-name img {
  padding-top: 7px;
  height: 40px;
  width: auto;
}

/*
 * Navigation - define styling here.
 */
/* line 35, ../scss/layout/regions/_navigation.scss */
#main-menu {
  background-color: white;
}

/* line 55, ../scss/layout/regions/_navigation.scss */
#navigation {
  text-transform: uppercase;
  color: #3c3c3b;
}
/* line 58, ../scss/layout/regions/_navigation.scss */
#navigation > .menu-container {
  position: static;
}
/* line 61, ../scss/layout/regions/_navigation.scss */
#navigation .menu-title {
  text-align: right;
  padding-left: 12px;
  padding-right: 12px;
}

/* line 69, ../scss/layout/regions/_navigation.scss */
.main-menu-home-link {
  padding-top: 6px;
  padding-bottom: 2px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 80, ../scss/layout/regions/_navigation.scss */
.main-menu-mobile-logo {
  font-size: 34px;
}

/* line 84, ../scss/layout/regions/_navigation.scss */
.main-menu-icon {
  position: relative;
  width: 34px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
/* line 91, ../scss/layout/regions/_navigation.scss */
.main-menu-icon:before {
  position: absolute;
  font-size: 34px;
  right: 0;
  top: -10px;
}

/* line 99, ../scss/layout/regions/_navigation.scss */
#main-menu {
  z-index: 2;
  top: 100%;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #dedd14;
}
/* line 105, ../scss/layout/regions/_navigation.scss */
#main-menu a {
  font-size: 1.0625em;
  line-height: 1.41176em;
}
/* line 108, ../scss/layout/regions/_navigation.scss */
#main-menu .current_page_item > a {
  color: #b9b811 !important;
}
/* line 110, ../scss/layout/regions/_navigation.scss */
#main-menu .current_page_item > a:after {
  content: "";
  display: block;
  border-bottom: 2px solid #dedd14;
}
/* line 116, ../scss/layout/regions/_navigation.scss */
#main-menu .nav {
  margin-bottom: 0;
  margin-top: 0;
}
/* line 120, ../scss/layout/regions/_navigation.scss */
#main-menu .sub-menu {
  opacity: 0;
  background: white;
  z-index: 2;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 125, ../scss/layout/regions/_navigation.scss */
#main-menu .sub-menu.js-hover-active {
  opacity: 1;
}
/* line 129, ../scss/layout/regions/_navigation.scss */
#main-menu a.js-parent-link {
  background-color: #dedd14;
  color: white;
  font-weight: bold;
  display: block;
}

/* line 137, ../scss/layout/regions/_navigation.scss */
.js-hover-active#main-menu {
  position: absolute !important;
}

/* line 143, ../scss/layout/regions/_navigation.scss */
nav.pagination {
  text-align: center;
}
/* line 145, ../scss/layout/regions/_navigation.scss */
nav.pagination ul {
  border: 2px solid;
  border-width: 2px 0;
  padding: 12px 0;
  margin-bottom: 24px;
  display: inline-block;
}
/* line 151, ../scss/layout/regions/_navigation.scss */
nav.pagination ul li {
  display: inline-block;
  list-style: none;
  margin: 0 12px;
}
/* line 157, ../scss/layout/regions/_navigation.scss */
nav.pagination a {
  text-decoration: none;
}
/* line 160, ../scss/layout/regions/_navigation.scss */
nav.pagination .current {
  text-decoration: underline;
  opacity: 0.4;
}

/* line 166, ../scss/layout/regions/_navigation.scss */
.project-facts {
  display: block;
  padding-bottom: 10px;
}

/* line 171, ../scss/layout/regions/_navigation.scss */
.project-pagination {
  width: 100%;
  border-top: 2px solid #c3c3c0;
  padding-top: 24px;
  margin-top: 24px;
}
/* line 176, ../scss/layout/regions/_navigation.scss */
.project-pagination a {
  color: #6c6e6c;
  text-decoration: none;
}
/* line 179, ../scss/layout/regions/_navigation.scss */
.project-pagination a:hover, .project-pagination a:active, .project-pagination a:focus {
  color: #dedd14;
}

/* line 185, ../scss/layout/regions/_navigation.scss */
.project-pagination-top {
  float: right;
}
/* line 187, ../scss/layout/regions/_navigation.scss */
.project-pagination-top a {
  color: #6c6e6c;
  text-decoration: none;
}
/* line 190, ../scss/layout/regions/_navigation.scss */
.project-pagination-top a:hover, .project-pagination-top a:active, .project-pagination-top a:focus {
  color: #dedd14;
}

/* line 196, ../scss/layout/regions/_navigation.scss */
.pagination-previous, .pagination-next {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  display: inline;
  margin-bottom: 36px;
}

/* line 203, ../scss/layout/regions/_navigation.scss */
.pagination-previous .pagination-arrow {
  margin-right: 1%;
}

/* line 208, ../scss/layout/regions/_navigation.scss */
.pagination-next {
  text-align: right;
  float: right;
  margin-right: 0;
  *margin-left: -36px;
  display: inline;
}
/* line 212, ../scss/layout/regions/_navigation.scss */
.pagination-next .pagination-arrow {
  margin-left: 1%;
}

/* line 217, ../scss/layout/regions/_navigation.scss */
.top-pagination-previous {
  float: left;
  padding-right: 24px;
}

/* line 222, ../scss/layout/regions/_navigation.scss */
.top-pagination-next {
  float: right;
}

/* line 226, ../scss/layout/regions/_navigation.scss */
.pagination-arrow {
  font-size: 33px;
  position: relative;
  top: 9px;
  color: #dedd14 !important;
}

/*
 * Base layout for everything in the main region. Styles for larger screens
 * should go in relevant files in layout/responsive.
 */
/* line 22, ../scss/layout/regions/_main.scss */
#page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

/* line 31, ../scss/layout/regions/_main.scss */
#header, #header-sticky-wrapper, #footer {
  flex-shrink: 0;
}

/* line 35, ../scss/layout/regions/_main.scss */
#content-1 {
  flex: 1 0 auto;
}

/* line 41, ../scss/layout/regions/_main.scss */
.band {
  padding-top: 24px;
  padding-bottom: 1px;
}

/* line 48, ../scss/layout/regions/_main.scss */
#main ul li, #main ol li, .sidebar ul li, .sidebar ol li {
  margin-left: 24px;
}

/* line 81, ../scss/layout/regions/_main.scss */
.people-image {
  margin-bottom: 24px;
}
/* line 83, ../scss/layout/regions/_main.scss */
.people-image img {
  display: block;
  width: 100%;
}

/* line 89, ../scss/layout/regions/_main.scss */
.people-body {
  margin-bottom: 24px;
}
/* line 91, ../scss/layout/regions/_main.scss */
.people-body h2 {
  border-bottom: 2px solid #dedd14;
}

/* line 96, ../scss/layout/regions/_main.scss */
.people-job-title {
  font-weight: bold;
}

/* line 103, ../scss/layout/regions/_main.scss */
.columnize .column {
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  /* line 107, ../scss/layout/regions/_main.scss */
  .columnize .column {
    width: 48.57143% !important;
  }
  /* line 109, ../scss/layout/regions/_main.scss */
  .columnize .column.first {
    margin-right: 2.85714%;
  }
}

/*
 * Base layout for everything in the main region. Styles for larger screens 
 * should go in relevant files in layout/responsive.
 */
/* line 27, ../scss/layout/regions/_sidebar.scss */
.sidebar + *, .kint {
  clear: right;
}

/*
 * Footer
 */
/* line 21, ../scss/layout/regions/_footer.scss */
#footer {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #c3c3c0;
  text-transform: uppercase;
  background-color: #3c3c3b;
  border-top: 2px solid #dedd14;
}
/* line 28, ../scss/layout/regions/_footer.scss */
#footer a {
  color: #c3c3c0;
}
/* line 30, ../scss/layout/regions/_footer.scss */
#footer a:hover, #footer a:active, #footer a:focus {
  color: #dedd14;
}
/* line 34, ../scss/layout/regions/_footer.scss */
#footer .menu-item {
  float: left;
}

/* line 6, ../scss/pages/_home.scss */
.home .slideshow-wrapper .slick-slide {
  height: 100vh;
  height: calc(100vh - 62px);
  margin-top: 62px;
  max-height: none;
}
/* line 12, ../scss/pages/_home.scss */
.home .slideshow-wrapper .slick-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%';
}

/* line 22, ../scss/pages/_home.scss */
.home {
  height: calc(100vh + 110px);
  position: relative;
}
/* line 25, ../scss/pages/_home.scss */
.home #header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  background: white;
  border: none;
}
/* line 33, ../scss/pages/_home.scss */
.home .slideshow-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 43, ../scss/pages/_home.scss */
.home #footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*
 * Style-guide - specific to the Vanilla style guide.
 */
/* line 9, ../scss/pages/_style-guide.scss */
.palette {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 12px;
  text-align: center;
}

/* line 17, ../scss/pages/_style-guide.scss */
.palette-wrapper {
  overflow: hidden;
  *zoom: 1;
}

/* line 21, ../scss/pages/_style-guide.scss */
#red {
  background: #dedd14;
}
/* line 23, ../scss/pages/_style-guide.scss */
#red:before {
  content: "#dedd14";
  top: 35%;
  position: relative;
  color: white;
}

/* line 31, ../scss/pages/_style-guide.scss */
#green {
  background: #6ec49d;
}
/* line 33, ../scss/pages/_style-guide.scss */
#green:before {
  content: "#6ec49d";
  top: 35%;
  position: relative;
  color: white;
}

/* line 41, ../scss/pages/_style-guide.scss */
#blue {
  background: #0093b8;
}
/* line 43, ../scss/pages/_style-guide.scss */
#blue:before {
  content: "#0093b8";
  top: 35%;
  position: relative;
  color: white;
}

/* line 51, ../scss/pages/_style-guide.scss */
#brand-red {
  background: #dedd14;
}

/* line 55, ../scss/pages/_style-guide.scss */
#nav-bar-grey {
  background: #1c2333;
}

/* line 59, ../scss/pages/_style-guide.scss */
#turquoise-blue {
  background: #0093b8;
}

/* line 63, ../scss/pages/_style-guide.scss */
#pale-green {
  background: #6ec49d;
}

/* line 67, ../scss/pages/_style-guide.scss */
#orange {
  background: #f47c38;
}
/* line 69, ../scss/pages/_style-guide.scss */
#orange:before {
  content: "#f47c38";
  top: 35%;
  position: relative;
  color: white;
}

/* line 77, ../scss/pages/_style-guide.scss */
#darker-orange {
  background: #f47c38;
}

/* line 81, ../scss/pages/_style-guide.scss */
#yellow {
  background: #eec52e;
}
/* line 83, ../scss/pages/_style-guide.scss */
#yellow:before {
  content: "#eec52e";
  top: 35%;
  position: relative;
  color: white;
}

/* line 91, ../scss/pages/_style-guide.scss */
#grey {
  background: #3c3c3b;
}
/* line 93, ../scss/pages/_style-guide.scss */
#grey:before {
  content: "#3c3c3b";
  top: 35%;
  position: relative;
  color: white;
}

/* line 105, ../scss/pages/_style-guide.scss */
.lato-regular, .lato-italic, .lato-bold-italic {
  font-family: 'Lato';
  font-size: 30px;
}

/* line 110, ../scss/pages/_style-guide.scss */
.lato-italic, .lato-bold-italic {
  font-style: italic;
}

/* line 114, ../scss/pages/_style-guide.scss */
.lato-bold-italic {
  font-weight: bold;
}

/* line 118, ../scss/pages/_style-guide.scss */
.dancing-script {
  font-family: 'dancing_script';
  font-size: 30px;
}

/* line 127, ../scss/pages/_style-guide.scss */
.alert-box {
  border: none;
  display: inline-block;
}

/*
 * For ease of development, initially use this file for all non-mobile styles.
 * If it becomes larger than 500 - 800 lines, consider splitting into separate
 * files. The media queries below are examples only. Craft your media queries
 * to the design rather than the other way round.
 * For mobile-first sites, increase the viewport size until the design starts looking bad
 * - that's when you put in your next media query breakpoint.
 */
@media screen and (max-width: 479.5px) {
  /* line 26, ../scss/layout/responsive/_bigger-screens.scss */
  #footer .menu-item > a, #footer .last-col, #footer .sidebar {
    padding: 6px 10px;
  }
  /* line 29, ../scss/layout/responsive/_bigger-screens.scss */
  #footer .last-col span.small-text, #footer .sidebar span.small-text {
    display: block;
  }
}
@media screen and (min-width: 480px) {
  /* line 41, ../scss/layout/responsive/_bigger-screens.scss */
  .cat-trigger {
    display: none;
  }

  /* line 45, ../scss/layout/responsive/_bigger-screens.scss */
  .cat-filters {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  /* line 49, ../scss/layout/responsive/_bigger-screens.scss */
  .cat-filters.cat-inactive {
    height: auto !important;
  }
  /* line 52, ../scss/layout/responsive/_bigger-screens.scss */
  .cat-filters li {
    width: auto;
  }
}
@media screen and (min-width: 480px) and (max-width: 767.5px) {
  /* line 60, ../scss/layout/responsive/_bigger-screens.scss */
  .people-image {
    width: 47.82609%;
    float: left;
    margin-right: 4.34783%;
    display: inline;
    clear: right;
  }

  /* line 65, ../scss/layout/responsive/_bigger-screens.scss */
  .people-body {
    width: 47.82609%;
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
  }
}
@media screen and (max-width: 767.5px) {
  /* line 73, ../scss/layout/responsive/_bigger-screens.scss */
  .flexbox .footer-container {
    display: block;
  }

  /* line 79, ../scss/layout/responsive/_bigger-screens.scss */
  .slick-arrow {
    font-size: 7vw;
    margin-top: -3.5vw;
    left: 3vw;
  }

  /* line 85, ../scss/layout/responsive/_bigger-screens.scss */
  .slideshow-next {
    right: 3vw;
    left: auto;
  }
}
@media screen and (min-width: 768px) {
  /* line 95, ../scss/layout/responsive/_bigger-screens.scss */
  h1 {
    font-size: 2em;
    line-height: 1.3125em;
    margin-bottom: 0.75em;
  }

  /* line 100, ../scss/layout/responsive/_bigger-screens.scss */
  h2, .h2_top {
    font-size: 1.875em;
    line-height: 1.33328em;
    margin-bottom: 0.8em;
  }

  /* line 105, ../scss/layout/responsive/_bigger-screens.scss */
  .larger-text, h3 {
    font-size: 1.5em;
    line-height: 1.33333em;
    margin-bottom: 1em;
  }

  /* line 110, ../scss/layout/responsive/_bigger-screens.scss */
  .large-text, h4, label, #main blockquote p, .pull-quote, .people-job-title {
    font-size: 1.1875em;
    line-height: 1.26316em;
  }

  /* line 114, ../scss/layout/responsive/_bigger-screens.scss */
  h5 {
    font-size: 0.9375em;
    line-height: 1.6em;
  }

  /* line 118, ../scss/layout/responsive/_bigger-screens.scss */
  h6 {
    font-size: 0.875em;
    line-height: 1.71429em;
  }

  /* line 128, ../scss/layout/responsive/_bigger-screens.scss */
  fieldset, .alert, .box {
    padding: 24px 24px 1px;
  }

  /* line 142, ../scss/layout/responsive/_bigger-screens.scss */
  .home {
    height: 100vh;
  }

  /* line 146, ../scss/layout/responsive/_bigger-screens.scss */
  .home .slideshow-wrapper .slick-slide {
    height: calc(100vh - 173px);
    margin-top: 111px;
  }

  /* line 155, ../scss/layout/responsive/_bigger-screens.scss */
  #header-sticky-wrapper {
    height: 106px !important;
  }

  /* line 160, ../scss/layout/responsive/_bigger-screens.scss */
  #site-name img {
    height: 76px;
    -webkit-transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  /* line 168, ../scss/layout/responsive/_bigger-screens.scss */
  .is-sticky #site-name img {
    height: 40px;
  }

  /* line 178, ../scss/layout/responsive/_bigger-screens.scss */
  .menu-title {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
  }

  /* line 182, ../scss/layout/responsive/_bigger-screens.scss */
  .nav {
    overflow: hidden;
    *zoom: 1;
  }

  /* line 186, ../scss/layout/responsive/_bigger-screens.scss */
  .nav > .menu-item, #main-menu .sub-menu > li {
    float: left;
  }

  /* line 190, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu {
    border-bottom: none;
  }

  /* line 195, ../scss/layout/responsive/_bigger-screens.scss */
  .no-flexbox #main-menu {
    display: block;
    float: right;
    clear: right;
  }

  /* line 203, ../scss/layout/responsive/_bigger-screens.scss */
  .menu-container {
    *zoom: 1;
    max-width: 1260px;
    _width: 1260px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  /* line 38, ../../../../../../../../../../../../Applications/compass.app/Contents/Resources/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
  .menu-container:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 216, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu > .menu-item:after, #main-menu > .menu-item:before, #main-menu .sub-menu:after, #main-menu .sub-menu:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    border: 2px solid #dedd14;
    z-index: 3;
  }

  /* line 268, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu > .menu-item {
    display: inline-block;
    position: relative;
    margin-left: 12px;
  }
  /* line 228, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu > .menu-item:after {
    right: -1px;
    bottom: -1px;
    border-width: 2px 2px 0 0;
    transition: opacity 0.075s linear 0.45s, height 0.075s linear 0.45s, width 0.075s linear 0.375s;
  }
  /* line 237, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu > .menu-item:before {
    top: -1px;
    left: -1px;
    border-width: 0 0 2px 2px;
    transition: opacity 0.075s linear 0.3s, height 0.075s linear 0.3s, width 0.075s linear 0.225s;
  }
  /* line 280, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu > .menu-item:last-of-type {
    margin-right: 0;
  }
  /* line 283, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu > .menu-item a {
    position: relative;
    z-index: 4;
  }
  /* line 288, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu .sub-menu {
    position: absolute;
    text-align: left;
    min-height: 0 !important;
  }
  /* line 228, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu .sub-menu:after {
    right: -1px;
    bottom: -1px;
    border-width: 2px 2px 0 0;
    transition: opacity 0.075s linear 0.075s, height 0.075s linear 0.075s, width 0.075s linear 0s;
  }
  /* line 237, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu .sub-menu:before {
    top: -1px;
    left: -1px;
    border-width: 0 0 2px 2px;
    transition: opacity 0.075s linear 0.225s, height 0.075s linear 0.225s, width 0.075s linear 0.15s;
  }
  /* line 300, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu .sub-menu .menu-item {
    visibility: hidden;
    border-bottom: 2px solid #dedd14;
    opacity: 0;
    max-width: 0;
    transition: max-width 0.075s linear 0.15s, opacity 0.075s linear 0.15s, visibility 0.075s linear 0.15s;
    overflow: hidden;
  }
  /* line 309, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu .sub-menu .menu-item:last-of-type {
    border: 0;
  }
  /* line 312, ../scss/layout/responsive/_bigger-screens.scss */
  #main-menu .sub-menu .menu-item a {
    white-space: nowrap;
  }

  /* line 249, ../scss/layout/responsive/_bigger-screens.scss */
  .touchevents #main-menu .sub-menu.js-hover-active:after, .no-touchevents #main-menu > .menu-item:hover .sub-menu:after, .no-touchevents #main-menu > .menu-item:active .sub-menu:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.075s linear 0.375s, height 0.075s linear 0.375s, width 0.075s linear 0.45s;
  }
  /* line 257, ../scss/layout/responsive/_bigger-screens.scss */
  .touchevents #main-menu .sub-menu.js-hover-active:before, .no-touchevents #main-menu > .menu-item:hover .sub-menu:before, .no-touchevents #main-menu > .menu-item:active .sub-menu:before {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.075s linear 0.225s, height 0.075s linear 0.225s, width 0.075s linear 0.3s;
  }
  /* line 334, ../scss/layout/responsive/_bigger-screens.scss */
  .touchevents #main-menu .sub-menu.js-hover-active .menu-item, .no-touchevents #main-menu > .menu-item:hover .sub-menu .menu-item, .no-touchevents #main-menu > .menu-item:active .sub-menu .menu-item, .touchevents #main-menu .sub-menu.js-hover-active .js-parent-link, .no-touchevents #main-menu > .menu-item:hover .sub-menu .js-parent-link, .no-touchevents #main-menu > .menu-item:active .sub-menu .js-parent-link {
    opacity: 1;
    visibility: visible;
    max-width: 9999px;
    white-space: nowrap;
    transition: max-width 0.075s linear 0.3s, opacity 0.075s linear 0.3s, visibility 0.075s linear;
  }

  /* line 346, ../scss/layout/responsive/_bigger-screens.scss */
  .no-touchevents #main-menu > .menu-item {
    display: inline-block;
    position: relative;
    margin-left: 12px;
  }
  /* line 249, ../scss/layout/responsive/_bigger-screens.scss */
  .no-touchevents #main-menu > .menu-item:hover:after, .no-touchevents #main-menu > .menu-item:active:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.075s linear 0s, height 0.075s linear 0s, width 0.075s linear 0.075s;
  }
  /* line 257, ../scss/layout/responsive/_bigger-screens.scss */
  .no-touchevents #main-menu > .menu-item:hover:before, .no-touchevents #main-menu > .menu-item:active:before {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.075s linear 0.15s, height 0.075s linear 0.15s, width 0.075s linear 0.225s;
  }

  /* line 369, ../scss/layout/responsive/_bigger-screens.scss */
  .sidebar {
    border-left: 2px solid #dedd14;
    padding-left: 24px;
  }

  /* line 379, ../scss/layout/responsive/_bigger-screens.scss */
  #footer .last-col, #footer .sidebar {
    text-align: right;
  }
}
@media screen and (min-width: 960px) {
  /* line 388, ../scss/layout/responsive/_bigger-screens.scss */
  .menu-title, .nav > .menu-item > a, #main-menu .sub-menu a, #footer .last-col, #footer .sidebar {
    padding: 12px 24px;
  }
}
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 13, ../scss/print/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* line 21, ../scss/print/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  /* line 26, ../scss/print/_print.scss */
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  /* line 31, ../scss/print/_print.scss */
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 38, ../scss/print/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 42, ../scss/print/_print.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 47, ../scss/print/_print.scss */
  thead {
    display: table-header-group;
  }

  /* line 51, ../scss/print/_print.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 55, ../scss/print/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 63, ../scss/print/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 69, ../scss/print/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* line 78, ../scss/print/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}