@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);
/** Configure old-IE **/
/**
* Note - 
* these are loaded in a specific order to reduce the need for overrides, 
* use caution when changing the order
*/
/*----------------------------------------------------------------------------*\
    Base font size & line height
    We predefine a nice big font size, which reads very nice on a big screen.
    As per: http://uxdesign.smashingmagazine.com/2011/11/29/the-perfect-paragraph/
\*----------------------------------------------------------------------------*/
/**
 * Base font family
 */
/*----------------------------------------------------------------------------*\
    $SPACING
    Spacing units to properly size your UI
    As per: http://csswizardry.com/2011/12/measuring-and-sizing-uis-2011-style
\*----------------------------------------------------------------------------*/
/**
 * Enabling this will ensure all margins, paddings, lineheights etc. will
 * follow the default line height.
 *
 * Disabling this will render all line-heights according
 * to the `$line-height-ratio` variable
 */
/**
 * Assign our `$base-line-height` to a new spacing var for
 * more transparency
 */
/**
 * Responsive breakpoints
 * If you add any more to the below, make sure you add them to the
 * breakpoint sass map below too.
 */
/**
 * Susy grid settings
 */
/*----------------------------------------------------------------------------*\
    $MISC
\*----------------------------------------------------------------------------*/
/**
 * Would you like to show a baseline grid? This is handy during development.
 * @type Bool
 */
/**
 * Would you like to show media queries? This is handy during development.
 * @type Bool
 */
/**
 * Legacy support
 * @type Bool
 */
/**
 * Enable debug mode to highlight possible markup/accessibility
 * quirks in your code. Debug styles found in `helpers/_debug.scss`
 * @type Bool
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1, .h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
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.
 */
button[disabled], html input[disabled] {
  cursor: default; }

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/**
 * Hide from screenreaders & browsers
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/**
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/**
 * Hide only visually, but have it available for screenreaders
 * as per: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
/**
 * Hide only visually, but have it available for screenreaders
 * as per: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden, .form--inline .form__label, .site-header .site-header__logo-wrapper .site-header__logo .site-header__logo-heading, .site-header .site-search .form__label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.display--block {
  display: block !important; }

.display--inline-block {
  display: inline-block !important; }

.display--inline {
  display: inline !important; }

.float--right {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

.text--left {
  text-align: left !important; }

.text--center {
  text-align: center !important; }

.text--right {
  text-align: right !important; }

.text--light {
  font-weight: 300 !important; }

.text--normal {
  font-weight: 400 !important; }

.text--semibold {
  font-weight: 600 !important; }

.text--caps {
  text-transform: uppercase !important; }

.text--lowercase {
  text-transform: lowercase !important; }

.text--firstcap {
  text-transform: capitalize !important; }

.cf:after, .callout:after, .item-list--rich > li:after, .nav:after, .media:after, .example-grid-page .example-gallery:after, .example-grid-page .example-gallery-oldie:after {
  clear: both;
  content: '';
  display: table; }
  .lt-ie8 .cf:after, .lt-ie8 .callout:after, .lt-ie8 .item-list--rich > li:after, .lt-ie8 .nav:after, .lt-ie8 .media:after, .lt-ie8 .example-grid-page .example-gallery:after, .example-grid-page .lt-ie8 .example-gallery:after, .lt-ie8 .example-grid-page .example-gallery-oldie:after, .example-grid-page .lt-ie8 .example-gallery-oldie:after {
    *zoom: 1; }

/**
 * Toplevel HTML element
 * Assign our `$base-font-size` & predefine some defaults
 *
 * 1. Apply the `$base-font-size`, `$line-height-ratio` & `$face-base`
 * 2. Always add the horizontal scrollbar to prevent layout shifting
 * 3. Show baseline
 */
html {
  font: 1em/1.5 'lato', sans-serif;
  min-height: 100%;
  overflow-y: scroll; }

/**
 * Border box everything
 * As Per: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 */
*, *:before, *:after {
  box-sizing: border-box; }

/**
 * The usual resetting of margins, paddings, borders etc.
 */
blockquote, dl, dd, ol, ul, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .example-grid-page .code-example h4, .example-grid-page .code-example .h4, p, pre, fieldset, hr {
  margin: 0; }

fieldset, ol, ul {
  padding: 0; }

iframe, fieldset {
  border: 0; }

/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul, li > ol {
  margin-bottom: 0; }

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 */
[tabindex="-1"]:focus {
  outline: none !important; }

img {
  font-style: italic;
  max-width: 100%; }

img[width], img[height] {
  max-width: none; }

hgroup, .hgroup, ul, ol, dl, blockquote, p, address, table, fieldset, form, pre, hr {
  /* 1 */
  margin-bottom: 24px ;
  /* 2 */
  margin-bottom: 1.5rem ; }

ul, ol, dd {
  /* 1 */
  margin-left: 24px ;
  /* 2 */
  margin-left: 1.5rem ; }

.giga {
  /* 1 */
  font-size: 96px ;
  /* 2 */
  font-size: 6rem ;
  line-height: 1; }

.mega {
  /* 1 */
  font-size: 72px ;
  /* 2 */
  font-size: 4.5rem ;
  line-height: 1; }

.kilo {
  /* 1 */
  font-size: 48px ;
  /* 2 */
  font-size: 3rem ;
  line-height: 1; }

.alpha, h1, .h1 {
  /* 1 */
  font-size: 36px ;
  /* 2 */
  font-size: 2.25rem ;
  line-height: 1.3333333333; }

.beta, h2, .h2 {
  /* 1 */
  font-size: 32px ;
  /* 2 */
  font-size: 2rem ;
  line-height: 1.5; }

.gamma, h3, .h3 {
  /* 1 */
  font-size: 28px ;
  /* 2 */
  font-size: 1.75rem ;
  line-height: 1.7142857143; }

.delta, h4, .h4 {
  /* 1 */
  font-size: 24px ;
  /* 2 */
  font-size: 1.5rem ;
  line-height: 1; }

.epsilon, h5, .h5 {
  /* 1 */
  font-size: 20px ;
  /* 2 */
  font-size: 1.25rem ;
  line-height: 1.2; }

.zeta, h6, .h6, .example-grid-page .code-example h4, .example-grid-page .code-example .h4 {
  /* 1 */
  font-size: 18px ;
  /* 2 */
  font-size: 1.125rem ;
  line-height: 1.3333333333; }

.normalis {
  /* 1 */
  font-size: 16px ;
  /* 2 */
  font-size: 1rem ;
  line-height: 1.5; }

.milli {
  /* 1 */
  font-size: 14px ;
  /* 2 */
  font-size: 0.875rem ;
  line-height: 1.7142857143; }

.micro {
  /* 1 */
  font-size: 12px ;
  /* 2 */
  font-size: 0.75rem ;
  line-height: 2; }

/*  Headings
\*----------------------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .example-grid-page .code-example h4, .example-grid-page .code-example .h4 {
  font-weight: bold;
  margin: .1rem 0 .3rem; }

.h1 {
  display: block; }

.h2 {
  display: block; }

.h3 {
  display: block; }

.h4 {
  display: block; }

.h5 {
  display: block; }

.h6, .example-grid-page .code-example h4, .example-grid-page .code-example .h4 {
  display: block; }

.alert {
  /* 1 */
  padding: 24px ;
  /* 2 */
  padding: 1.5rem ;
  /* 1 */
  margin: 24px 0 ;
  /* 2 */
  margin: 1.5rem 0 ;
  background-color: white;
  border-top: 1px solid #d7ccc8;
  color: #37474f; }
  .alert .alert__link {
    color: inherit;
    font-weight: bold;
    text-decoration: underline; }
    .alert .alert__link:hover {
      text-decoration: none; }

.alert--success {
  background: #b5dfb7;
  border-color: #4caf50;
  color: #0e210f; }

.alert--danger {
  background: #ec8080;
  border-color: #b71c1c;
  color: #060101; }

.alert--warning {
  background: #ffdd99;
  border-color: #ffab00;
  color: #332200; }

.alert__heading {
  /* 1 */
  font-size: 20px ;
  /* 2 */
  font-size: 1.25rem ;
  line-height: 1.2;
  /* 1 */
  margin-bottom: 8px ;
  /* 2 */
  margin-bottom: 0.5rem ; }

.blockquote {
  /* 1 */
  padding: 24px ;
  /* 2 */
  padding: 1.5rem ;
  background: #d7ccc8;
  border-left: 2px solid #c2b1aa;
  color: #5d4a43;
  font-style: italic;
  font-weight: normal; }

.boxed, .supplement {
  /* 1 */
  padding: 24px ;
  /* 2 */
  padding: 1.5rem ;
  /* 1 */
  margin: 24px 0 ;
  /* 2 */
  margin: 1.5rem 0 ;
  background: #fff;
  border-top: 2px solid #d7ccc8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); }
  .boxed .form, .supplement .form {
    background: none;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0; }

.boxed__heading {
  /* 1 */
  font-size: 20px ;
  /* 2 */
  font-size: 1.25rem ;
  line-height: 1.2;
  /* 1 */
  margin-bottom: 12px ;
  /* 2 */
  margin-bottom: 0.75rem ; }

.boxed--primary {
  border-color: #607d8b;
  color: #0d1012; }

.boxed--secondary {
  border-color: #795548;
  color: black; }

.boxed--standout {
  border-color: #3f51b5;
  color: #0a0d1e; }

.boxed--subtle {
  border-color: #d7ccc8;
  color: #37474f; }

/*
 Variables
\*----------------------------------------------------------------------------*/
.form {
  /* 1 */
  padding: 24px ;
  /* 2 */
  padding: 1.5rem ;
  /* 1 */
  margin: 24px 0 ;
  /* 2 */
  margin: 1.5rem 0 ; }

.form {
  background: #fff;
  border-top: 2px solid #d7ccc8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); }
  .form .form__label, .form .form__field, .form .form__select, .form textarea {
    display: block;
    width: 100%; }

.form--inline .form__control, .form--inline .form__field, .form--inline .form__select {
  display: inline-block; }
.form--inline .form__label {
  padding: 5px; }

.form--standout {
  background: #607d8b;
  color: #e8eaf6; }
  .form--standout legend {
    color: #e8eaf6; }
  .form--standout .button {
    border-color: #e8eaf6; }
  .form--standout .form__field {
    color: #000; }

.form__control {
  /* 1 */
  margin-bottom: 12px ;
  /* 2 */
  margin-bottom: 0.75rem ; }

.form__control--danger .form__label {
  color: #b71c1c; }
.form__control--danger .form__field, .form__control--danger .form__select, .form__control--danger .form__textarea {
  background: #f2adad;
  border-color: #b71c1c;
  color: #b71c1c; }

.form__control--success .form__label {
  color: #4caf50; }
.form__control--success .form__field, .form__control--success .form__select, .form__control--success .form__textarea {
  background: #d9eeda;
  border-color: #4caf50;
  color: #4caf50; }

.form__label {
  padding: 5px 0; }

.form__field {
  /* 1 */
  padding: 12px ;
  /* 2 */
  padding: 0.75rem ;
  border-color: #c2b1aa;
  border-style: solid;
  border-width: 1px;
  font-family: 'lato', sans-serif;
  margin-top: 5px; }

.form__field--disabled {
  border-color: #9e9e9e; }

.form__checkbox, .form__radio {
  display: inline;
  margin-right: .5em; }

.form__select {
  background-color: #fff;
  border: 1px solid #c2b1aa;
  border-radius: 4px;
  color: #37474f;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  margin: 5px 0;
  padding: 0 12px;
  vertical-align: middle; }

fieldset {
  border: 0;
  border-top: 1px solid #d7ccc8;
  padding-top: 20px; }
  fieldset:first-of-type {
    border: 0;
    padding: 0; }

legend {
  /* 1 */
  margin: 12px 0 ;
  /* 2 */
  margin: 0.75rem 0 ;
  /* 1 */
  font-size: 20px ;
  /* 2 */
  font-size: 1.25rem ;
  line-height: 1.2;
  color: #607d8b;
  white-space: normal;
  width: 100%; }

textarea {
  border: 1px solid #c2b1aa;
  margin: 5px 0;
  max-width: 100%;
  min-width: 100%;
  padding: 5px; }

input:focus, textarea:focus, select:focus {
  outline: 3px solid #ffab00; }

.form--append {
  margin: 1em 0;
  overflow: auto; }
  .form--append .button {
    -webkit-appearance: none !important;
    box-sizing: content-box;
    float: left;
    margin-left: -10px !important;
    margin-right: .2em !important;
    margin-top: 5px; }
  .form--append .form__field {
    border-radius: 0;
    box-sizing: content-box;
    float: left;
    font-size: 1em;
    width: auto; }

/* Button specific varibles
\*----------------------------------------------------------------------------*/
.button {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 2px;
  background: #fff;
  border: 1px solid #546e7a;
  color: #546e7a;
  cursor: pointer;
  display: inline-block;
  font-family: 'lato', sans-serif;
  margin: 0;
  padding: 12px;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle; }
  .button:hover {
    background: #546e7a;
    color: #fff;
    text-decoration: none; }

.button--primary {
  background: #607d8b;
  border-color: #4b626d;
  color: #fff !important; }
  .button--primary:hover, .button--primary:active, .button--primary:focus {
    background: #6b8a99; }

.button--standout {
  background: #3f51b5;
  border-color: #32408f;
  color: #fff !important; }
  .button--standout:hover, .button--standout:active, .button--standout:focus {
    background: #4d5ec1; }

.button--success {
  background: #4caf50;
  border-color: #3d8b40;
  color: #fff !important; }
  .button--success:hover, .button--success:active, .button--success:focus {
    background: #5cb860; }

.button--warning {
  background: #ffab00;
  border-color: #cc8900;
  color: #fff !important; }
  .button--warning:hover, .button--warning:active, .button--warning:focus {
    background: #ffb31a; }

.button--danger {
  background: #b71c1c;
  border-color: #8b1515;
  color: #fff !important; }
  .button--danger:hover, .button--danger:active, .button--danger:focus {
    background: #cd1f1f; }

.button--disabled {
  background: #ebebeb;
  border-bottom-width: 1px;
  border-color: #9e9e9e;
  color: #9e9e9e !important;
  cursor: default !important; }
  .button--disabled:hover {
    background: #ebebeb;
    border-color: #9e9e9e;
    color: #9e9e9e !important; }

.button--small {
  /* 1 */
  font-size: 12px ;
  /* 2 */
  font-size: 0.75rem ;
  line-height: 2;
  /* 1 */
  padding: 6px 12px ;
  /* 2 */
  padding: 0.375rem 0.75rem ; }

.button--large {
  /* 1 */
  font-size: 32px ;
  /* 2 */
  font-size: 2rem ;
  line-height: 1.5;
  /* 1 */
  padding: 24px 48px ;
  /* 2 */
  padding: 1.5rem 3rem ; }

.button--block {
  display: block;
  width: 100%; }

/** Worth looking at these fixes when it comes to browser testing Orbit (taken from Bootstrtap)
// IE7 has some default padding on button controls
  *padding-top: 3px;
  *padding-bottom: 3px;

  &.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px;
  }
  &.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
  }
  &.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
  }
 */
.calendar {
  /* 1 */
  margin: 24px auto ;
  /* 2 */
  margin: 1.5rem auto ;
  min-width: 100px;
  width: 55%; }
  .calendar .button {
    display: inline-block;
    width: 25%; }
  .calendar .calendar__heading {
    font-size: 1rem;
    text-align: center; }
  .calendar .calendar__table {
    background: #fff;
    border-top: 2px solid #d7ccc8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    width: 100%; }
  .calendar th {
    font-weight: bold;
    margin: 0;
    padding: 4px;
    text-align: center; }
  .calendar td {
    border-color: #d7ccc8;
    padding: 4px;
    text-align: center; }
  .calendar a {
    background: #607d8b;
    border-color: #4b626d;
    color: #fff !important;
    display: inline-block;
    padding: 0 .3rem; }

.callout {
  /* 1 */
  padding: 24px ;
  /* 2 */
  padding: 1.5rem ;
  /* 1 */
  margin: 24px 0 ;
  /* 2 */
  margin: 1.5rem 0 ;
  background: #fff;
  border-top: 2px solid #d7ccc8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); }
  .callout .callout__link {
    color: inherit;
    font-weight: bold;
    text-decoration: underline; }
    .callout .callout__link:hover {
      text-decoration: none; }
  .callout .image--thumbnail {
    /* 1 */
    margin: 0 0 8px 8px ;
    /* 2 */
    margin: 0 0 0.5rem 0.5rem ;
    float: right;
    width: 25%; }

.callout__heading {
  /* 1 */
  font-size: 20px ;
  /* 2 */
  font-size: 1.25rem ;
  line-height: 1.2;
  /* 1 */
  margin-bottom: 12px ;
  /* 2 */
  margin-bottom: 0.75rem ; }

.callout--primary {
  border-color: #607d8b;
  color: #0d1012; }

.callout--success {
  border-color: #4caf50;
  color: #0e210f; }

.callout--warning {
  border-color: #ffab00;
  color: #332200; }

.callout--danger {
  border-color: #b71c1c;
  color: #060101; }

.callout--disabled {
  border-color: #9e9e9e;
  color: #383838; }

.callout--feature {
  border-color: #3f51b5;
  color: #0a0d1e; }

.image--feature {
  /* 1 */
  margin: 24px 0 24px 24px ;
  /* 2 */
  margin: 1.5rem 0 1.5rem 1.5rem ;
  float: right;
  max-width: 250px;
  min-width: 100px;
  width: 35%; }

.image--avatar {
  max-width: 60px; }
  .image--avatar img {
    border: 2px solid #000;
    height: auto; }

.image--gallery {
  display: block; }

.image--caption {
  /* 1 */
  margin: 24px 0 24px 24px ;
  /* 2 */
  margin: 1.5rem 0 1.5rem 1.5rem ;
  float: right;
  max-width: 250px;
  min-width: 100px;
  width: 35%; }

.image--caption__text {
  color: #878787;
  margin-top: 6px; }

.image--thumbnail {
  height: auto;
  max-width: 150px;
  width: 20%; }

a:link, a:visited {
  color: #546e7a;
  text-decoration: none; }

a:hover, a:active, a:focus {
  color: #142f6d;
  text-decoration: underline; }

.item-list {
  list-style: none;
  margin-left: 0; }

.item-list--rich > li {
  /* 1 */
  padding: 8px 0 ;
  /* 2 */
  padding: 0.5rem 0 ;
  border-bottom: 1px solid #d7ccc8; }
  .item-list--rich > li:first-child {
    border-top: 1px solid #d7ccc8; }
  .item-list--rich > li h2, .item-list--rich > li .h2, .item-list--rich > li h3, .item-list--rich > li .h3, .item-list--rich > li h4, .item-list--rich > li .h4 {
    /* 1 */
    font-size: 20px ;
    /* 2 */
    font-size: 1.25rem ;
    line-height: 1.2;
    /* 1 */
    margin-bottom: 12px ;
    /* 2 */
    margin-bottom: 0.75rem ; }
  .item-list--rich > li .image--thumbnail, .item-list--rich > li .image--avatar {
    /* 1 */
    margin: 0 0 8px 8px ;
    /* 2 */
    margin: 0 0 0.5rem 0.5rem ;
    float: right;
    width: 25%; }

.item-list--inline > li {
  /* 1 */
  margin-right: 24px ;
  /* 2 */
  margin-right: 1.5rem ;
  display: inline; }

.item-list--striped li {
  /* 1 */
  padding: 8px ;
  /* 2 */
  padding: 0.5rem ;
  border: 0; }
  .item-list--striped li:nth-child(odd) {
    background: #d7ccc8; }

.item-list--az > li {
  /* 1 */
  margin-right: 12px ;
  /* 2 */
  margin-right: 0.75rem ;
  display: inline-block;
  margin-bottom: .5rem;
  width: 3rem; }
  .item-list--az > li .button {
    display: block;
    text-align: center; }

.item-list--gallery li {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  padding: 1em;
  text-align: center;
  vertical-align: top;
  width: 25%; }
  .item-list--gallery li img {
    width: 100%; }

.item-list--definition .item-list--definition__heading {
  font-weight: bold; }
.item-list--definition .item-list--definition__content {
  /* 1 */
  margin: 0 0 24px ;
  /* 2 */
  margin: 0 0 1.5rem ; }

.progress-bar {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 3px;
  /* 1 */
  margin-bottom: 24px ;
  /* 2 */
  margin-bottom: 1.5rem ;
  /* 1 */
  padding: 8px ;
  /* 2 */
  padding: 0.5rem ;
  background: #d7ccc8;
  width: 100%; }

.progress-bar__indicator {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 3px 0 0 3px;
  background: #607d8b;
  padding: 10px 0; }

.progress-bar--success .progress-bar__indicator {
  background: #4caf50; }

.progress-bar--danger .progress-bar__indicator {
  background: #b71c1c; }

.supplement--contact__image {
  margin: 0 auto; }

table th {
  /* 1 */
  padding: 12px ;
  /* 2 */
  padding: 0.75rem ;
  border-bottom: 1px solid #878787;
  text-align: left; }
table td {
  /* 1 */
  padding: 12px ;
  /* 2 */
  padding: 0.75rem ;
  border-bottom: 1px solid #878787; }

.data-table {
  width: 100%; }
  .data-table th {
    /* 1 */
    padding: 12px ;
    /* 2 */
    padding: 0.75rem ;
    text-align: left; }
  .data-table td {
    /* 1 */
    padding: 12px ;
    /* 2 */
    padding: 0.75rem ; }

.data-table--compact th, .data-table--compact td {
  /* 1 */
  padding: 8px ;
  /* 2 */
  padding: 0.5rem ; }

.data-table--striped thead tr {
  background: none; }
.data-table--striped tr {
  background: #fff; }
  .data-table--striped tr:nth-child(odd) {
    background: #d7ccc8; }

.data-table--bordered {
  border: 1px solid #878787; }
  .data-table--bordered thead {
    background: #d7ccc8; }
  .data-table--bordered th {
    border-bottom: 1px solid #878787; }
  .data-table--bordered td {
    border: 1px solid #878787; }
  .data-table--bordered th + th, .data-table--bordered td + td {
    border-left: 1px solid #878787; }

.nav {
  list-style: none;
  margin: 0;
  padding: 0; }
  .nav > li, .nav > li > a {
    display: inline-block; }

.nav--stacked > li {
  display: list-item; }
  .nav--stacked > li > a {
    display: block; }

.nav--breadcrumb {
  /* 1 */
  padding: 8px ;
  /* 2 */
  padding: 0.5rem ;
  /* 1 */
  margin-bottom: 24px ;
  /* 2 */
  margin-bottom: 1.5rem ; }
  .nav--breadcrumb .nav--breadcrumb__prefix {
    display: inline-block; }
  .nav--breadcrumb .nav--breadcrumb__list {
    /* 1 */
    margin: 24px 0 ;
    /* 2 */
    margin: 1.5rem 0 ;
    display: inline-block; }
  .nav--breadcrumb li {
    margin-right: 0; }
    .nav--breadcrumb li:first-child:before {
      display: none; }
    .nav--breadcrumb li:before {
      content: '/ ';
      padding: 0 5px; }

.nav--pagination {
  text-align: center; }
  .nav--pagination > li {
    /* 1 */
    padding: 12px ;
    /* 2 */
    padding: 0.75rem ; }
    .nav--pagination > li > a {
      /* 1 */
      padding: 12px ;
      /* 2 */
      padding: 0.75rem ;
      /* 1 */
      margin: -12px ;
      /* 2 */
      margin: -0.75rem ;
      background: #d7ccc8; }
      .nav--pagination > li > a:hover, .nav--pagination > li > a:active, .nav--pagination > li > a:focus {
        background: #c2b1aa; }

.nav--pagination__first a:before {
  content: '« '; }

.nav--pagination__last a:after {
  content: ' »'; }

.nav--thumbs a {
  display: inline-block;
  text-align: center;
  width: 49%; }

.media {
  /* 1 */
  margin-top: 12px ;
  /* 2 */
  margin-top: 0.75rem ; }
  .media:first-child {
    margin: 0; }

.media__img {
  /* 1 */
  padding-right: 12px ;
  /* 2 */
  padding-right: 0.75rem ;
  display: table-cell;
  vertical-align: top; }
  .media__img img {
    max-width: none; }

.media__body {
  display: table-cell;
  vertical-align: top; }

.media__heading {
  /* 1 */
  margin-bottom: 12px ;
  /* 2 */
  margin-bottom: 0.75rem ;
  margin-top: 0; }

.form__field::-webkit-input-placeholder {
  color: #adadad; }

.form__field:-moz-placeholder {
  /* FF 4-18 */
  color: #adadad;
  opacity: 1; }

.form__field::-moz-placeholder {
  /* FF 19+ */
  color: #adadad;
  opacity: 1; }

.form__field:-ms-input-placeholder {
  /* IE 10+ */
  color: #adadad; }

.site-header {
  /* 1 */
  padding-top: 24px ;
  /* 2 */
  padding-top: 1.5rem ; }
  .site-header .site-header__links {
    /* 1 */
    margin-bottom: 8px ;
    /* 2 */
    margin-bottom: 0.5rem ; }

.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }
  .container:after {
    content: " ";
    display: block;
    clear: both; }

@media screen and (min-width: 650px) {
  .site-content {
    width: 57.6271186441%;
    float: left;
    margin-right: 1.6949152542%; } }

@media screen and (min-width: 650px) {
  .sidebar--primary {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%; } }

@media screen and (min-width: 650px) {
  .sidebar--secondary {
    width: 15.2542372881%;
    float: left;
    margin-right: 1.6949152542%;
    margin-right: 0; } }

.site-footer {
  /* 1 */
  margin: 24px 0 0 0 ;
  /* 2 */
  margin: 1.5rem 0 0 0 ;
  /* 1 */
  padding: 24px 0 ;
  /* 2 */
  padding: 1.5rem 0 ; }
  .site-footer .site-footer__links {
    /* 1 */
    margin-bottom: 8px ;
    /* 2 */
    margin-bottom: 0.5rem ; }

.widget-row {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.6949152542%; }
  .widget-row:after {
    content: " ";
    display: block;
    clear: both; }
  @media screen and (min-width: 768px) {
    .widget-row .widget-width--1 {
      width: 0.6688963211%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--2 {
      width: 1.6722408027%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--3 {
      width: 2.6755852843%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--4 {
      width: 3.6789297659%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--5 {
      width: 4.6822742475%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--6 {
      width: 5.6856187291%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--7 {
      width: 6.6889632107%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--8 {
      width: 7.6923076923%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--9 {
      width: 8.6956521739%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--10 {
      width: 9.6989966555%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--11 {
      width: 10.7023411371%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--12 {
      width: 11.7056856187%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--13 {
      width: 12.7090301003%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--14 {
      width: 13.7123745819%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--15 {
      width: 14.7157190635%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--16 {
      width: 15.7190635452%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--17 {
      width: 16.7224080268%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--18 {
      width: 17.7257525084%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--19 {
      width: 18.72909699%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--20 {
      width: 19.7324414716%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--21 {
      width: 20.7357859532%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--22 {
      width: 21.7391304348%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--23 {
      width: 22.7424749164%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--24 {
      width: 23.745819398%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--25 {
      width: 24.7491638796%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--26 {
      width: 25.7525083612%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--27 {
      width: 26.7558528428%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--28 {
      width: 27.7591973244%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--29 {
      width: 28.762541806%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--30 {
      width: 29.7658862876%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--31 {
      width: 30.7692307692%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--32 {
      width: 31.7725752508%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--33 {
      width: 32.7759197324%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--34 {
      width: 33.779264214%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--35 {
      width: 34.7826086957%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--36 {
      width: 35.7859531773%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--37 {
      width: 36.7892976589%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--38 {
      width: 37.7926421405%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--39 {
      width: 38.7959866221%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--40 {
      width: 39.7993311037%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--41 {
      width: 40.8026755853%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--42 {
      width: 41.8060200669%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--43 {
      width: 42.8093645485%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--44 {
      width: 43.8127090301%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--45 {
      width: 44.8160535117%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--46 {
      width: 45.8193979933%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--47 {
      width: 46.8227424749%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--48 {
      width: 47.8260869565%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--49 {
      width: 48.8294314381%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--50 {
      width: 49.8327759197%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--51 {
      width: 50.8361204013%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--52 {
      width: 51.8394648829%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--53 {
      width: 52.8428093645%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--54 {
      width: 53.8461538462%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--55 {
      width: 54.8494983278%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--56 {
      width: 55.8528428094%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--57 {
      width: 56.856187291%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--58 {
      width: 57.8595317726%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--59 {
      width: 58.8628762542%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--60 {
      width: 59.8662207358%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--61 {
      width: 60.8695652174%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--62 {
      width: 61.872909699%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--63 {
      width: 62.8762541806%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--64 {
      width: 63.8795986622%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--65 {
      width: 64.8829431438%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--66 {
      width: 65.8862876254%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--67 {
      width: 66.889632107%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--68 {
      width: 67.8929765886%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--69 {
      width: 68.8963210702%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--70 {
      width: 69.8996655518%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--71 {
      width: 70.9030100334%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--72 {
      width: 71.9063545151%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--73 {
      width: 72.9096989967%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--74 {
      width: 73.9130434783%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--75 {
      width: 74.9163879599%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--76 {
      width: 75.9197324415%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--77 {
      width: 76.9230769231%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--78 {
      width: 77.9264214047%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--79 {
      width: 78.9297658863%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--80 {
      width: 79.9331103679%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--81 {
      width: 80.9364548495%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--82 {
      width: 81.9397993311%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--83 {
      width: 82.9431438127%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--84 {
      width: 83.9464882943%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--85 {
      width: 84.9498327759%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--86 {
      width: 85.9531772575%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--87 {
      width: 86.9565217391%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--88 {
      width: 87.9598662207%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--89 {
      width: 88.9632107023%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--90 {
      width: 89.9665551839%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--91 {
      width: 90.9698996656%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--92 {
      width: 91.9732441472%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--93 {
      width: 92.9765886288%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--94 {
      width: 93.9799331104%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--95 {
      width: 94.983277592%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--96 {
      width: 95.9866220736%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--97 {
      width: 96.9899665552%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--98 {
      width: 97.9933110368%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--99 {
      width: 98.9966555184%;
      float: left;
      margin-right: 0.3344481605%; }
    .widget-row .widget-width--100 {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  .widget-row .widget-width {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: top; }
    .widget-row .widget-width .widget {
      /* 1 */
      padding: 0 24px ;
      /* 2 */
      padding: 0 1.5rem ; }
    .widget-row .widget-width:first-child .widget {
      padding-left: 0 !important; }
    .widget-row .widget-width:last-child .widget {
      padding-right: 0 !important; }

.example-grid-page {
  /* 1 */
  padding: 24px 0 ;
  /* 2 */
  padding: 1.5rem 0 ;
  /**
 * Example - Maintain grid at all breakpoints
 */
  /**
 * Example - Responsive grid
 */
  /**
 * Example - Main layout
 */
  /**
 * Example - Gallery
 */ }
  .example-grid-page .code-example {
    /* 1 */
    padding: 24px ;
    /* 2 */
    padding: 1.5rem ;
    /* 1 */
    margin: 24px 0 ;
    /* 2 */
    margin: 1.5rem 0 ;
    background: #efffff;
    border-left: 2px solid #aadbf5;
    clear: both; }
    .example-grid-page .code-example h4, .example-grid-page .code-example .h4 {
      /* 1 */
      padding-bottom: 12px ;
      /* 2 */
      padding-bottom: 0.75rem ;
      font-style: italic;
      font-weight: normal; }
  .example-grid-page .container {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto; }
    .example-grid-page .container:after {
      content: " ";
      display: block;
      clear: both; }
  .example-grid-page .example {
    /* 1 */
    padding: 24px ;
    /* 2 */
    padding: 1.5rem ;
    background: #d5eefb;
    border: 1px solid #aadbf5;
    margin-top: 1.6949152542%; }
    .example-grid-page .example:first-child {
      margin-left: 0 !important; }
    .example-grid-page .example:last-child {
      margin-right: 0 !important; }
    .lt-ie8 .example-grid-page .example {
      padding: 0; }
      .lt-ie8 .example-grid-page .example:last-child {
        display: block;
        float: none;
        margin-left: 1.6949152542%;
        overflow: hidden;
        width: auto; }
  .example-grid-page .example--a1 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .example-grid-page .example--a2 {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%; }
  .example-grid-page .example--a3 {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%; }
  .example-grid-page .example--a4 {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%; }
  .example-grid-page .example--a5 {
    width: 15.2542372881%;
    float: left;
    margin-right: 1.6949152542%; }
  @media screen and (min-width: 650px) {
    .example-grid-page .example--b2 {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%; } }
  @media screen and (min-width: 650px) {
    .example-grid-page .example--b3 {
      width: 32.2033898305%;
      float: left;
      margin-right: 1.6949152542%; } }
  @media screen and (min-width: 650px) {
    .example-grid-page .example--b4 {
      width: 23.7288135593%;
      float: left;
      margin-right: 1.6949152542%; } }
  @media screen and (min-width: 650px) {
    .example-grid-page .example--b5 {
      width: 15.2542372881%;
      float: left;
      margin-right: 1.6949152542%; } }
  @media screen and (min-width: 650px) {
    .example-grid-page .main-content {
      width: 66.1016949153%;
      float: left;
      margin-right: 1.6949152542%; } }
  @media screen and (min-width: 650px) {
    .example-grid-page .sidebar {
      width: 32.2033898305%;
      float: right;
      margin-right: 0; } }
  .example-grid-page .gallery {
    list-style: none;
    margin: 0;
    overflow: hidden; }
  @media screen and (min-width: 650px) {
    .example-grid-page .example-gallery .gallery__item {
      width: 49.1525423729%;
      float: left; }
      .example-grid-page .example-gallery .gallery__item:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .example-grid-page .example-gallery .gallery__item:nth-child(2n+2) {
        margin-left: 50.8474576271%;
        margin-right: -100%;
        clear: none; } }
  @media screen and (min-width: 768px) {
    .example-grid-page .example-gallery .gallery__item {
      width: 32.2033898305%;
      float: left; }
      .example-grid-page .example-gallery .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .example-grid-page .example-gallery .gallery__item:nth-child(3n+2) {
        margin-left: 33.8983050847%;
        margin-right: -100%;
        clear: none; }
      .example-grid-page .example-gallery .gallery__item:nth-child(3n+3) {
        margin-left: 67.7966101695%;
        margin-right: -100%;
        clear: none; } }
  @media screen and (min-width: 1200px) {
    .example-grid-page .example-gallery .gallery__item {
      width: 23.7288135593%;
      float: left; }
      .example-grid-page .example-gallery .gallery__item:nth-child(4n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .example-grid-page .example-gallery .gallery__item:nth-child(4n+2) {
        margin-left: 25.4237288136%;
        margin-right: -100%;
        clear: none; }
      .example-grid-page .example-gallery .gallery__item:nth-child(4n+3) {
        margin-left: 50.8474576271%;
        margin-right: -100%;
        clear: none; }
      .example-grid-page .example-gallery .gallery__item:nth-child(4n+4) {
        margin-left: 76.2711864407%;
        margin-right: -100%;
        clear: none; } }
  .example-grid-page .example-gallery-oldie .gallery__item {
    width: 23.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%; }

body {
  background-color: #eceff1;
  color: #37474f; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .example-grid-page .code-example h4, .example-grid-page .code-example .h4 {
  /* 1 */
  margin: 0 0 24px ;
  /* 2 */
  margin: 0 0 1.5rem ;
  color: #263238;
  line-height: 1.2; }

.site-header {
  /* 1 */
  margin: 0 0 24px 0 ;
  /* 2 */
  margin: 0 0 1.5rem 0 ;
  background-color: #fff;
  border-top: 3px solid #546e7a;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
  font-size: 14px; }
  .site-header .site-header__links {
    float: right;
    font-weight: bold;
    text-transform: uppercase; }
  .site-header .site-search {
    background: none;
    border: 0;
    box-shadow: none;
    clear: right;
    float: right;
    margin: 0;
    padding-top: 0; }

.site-footer {
  background-color: #37474f;
  font-size: 14px;
  text-align: center; }
  .site-footer .site-footer__rights {
    color: #cfd8dc; }
  .site-footer a, .site-footer a:link, .site-footer a:visited {
    color: #eceff1; }
  .site-footer a:hover, .site-footer a:active {
    color: #fff; }

.nav--breadcrumb {
  font-size: 14px; }
  .nav--breadcrumb .nav--breadcrumb__list {
    margin-top: 0; }
  .nav--breadcrumb .container {
    border-bottom: 1px solid #cfd8dc; }

.one-column .site-content, .one-column .sidebar--secondary {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.editor .text_align_left {
  text-align: left; }
.editor .text_align_right {
  text-align: right; }
.editor .text_align_center {
  text-align: center; }
.editor .indent {
  margin-left: 20px; }
.editor .indent2 {
  margin-left: 40px; }
.editor strong {
  font-weight: 700; }
.editor em {
  font-style: italic; }
.editor .underline_text {
  text-decoration: underline; }
.editor .strikethrough_text {
  text-decoration: line-through; }
.editor .underline_and_strikethrough_text, .editor .underline_text .strikethrough_text {
  text-decoration: line-through underline; }
.editor sup, .editor .superscript_text {
  vertical-align: super; }
.editor sub, .editor .subscript_text {
  vertical-align: sub; }
.editor .float_left {
  float: left; }
.editor .float_right {
  float: right; }
.editor .image_centre {
  display: block;
  margin: 0 auto; }
.editor td.highlightCell, .editor tr.highlightRow td {
  background: #cfc; }
.editor tr.zebra {
  background: #ffc; }
.editor abbr {
  border-bottom: 1px dotted #ccc;
  cursor: help; }
.editor .placeholder {
  background: #eee;
  border: 1px solid #ccc;
  color: #333;
  padding: 2em; }
.editor #editable {
  border: 2px dashed #999;
  padding: 10px; }
.editor #editable:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden; }
.editor #toolbar {
  background-color: #eee;
  border: 1px solid #ddd;
  padding: .5em; }

.map {
  height: 300px; }

.user-style--scheme-high-contrast, .user-style--scheme-high-contrast * {
  background: #000 !important;
  color: #ff0 !important;
  border-color: #ff0 !important; }

.user-style--scheme-high-contrast a:link, .user-style--scheme-high-contrast a:visited {
  color: #0ff !important; }

.user-style--scheme-high-contrast a:active, .user-style--scheme-high-contrast a:focus, .user-style--scheme-high-contrast a:hover {
  color: #0f0 !important; }

.user-style--scheme-cream, .user-style--scheme-cream * {
  background: #fff9d2 !important;
  color: #010066 !important;
  border-color: #010066 !important; }

.user-style--scheme-cream a:link, .user-style--scheme-cream a:visited {
  color: #908000 !important; }

.user-style--scheme-cream a:active, .user-style--scheme-cream a:focus, .user-style--scheme-cream a:hover {
  color: #004000 !important; }

.user-style--scheme-blue, .user-style--scheme-blue * {
  background: #9fcfff !important;
  color: #010066 !important;
  border-color: #010066 !important; }

.user-style--scheme-blue a:link, .user-style--scheme-blue a:visited {
  color: red !important; }

.user-style--scheme-blue a:active, .user-style--scheme-blue a:focus, .user-style--scheme-blue a:hover {
  color: #4500ff !important; }

.user-style--size-small {
  font-size: 105%; }

.user-style--size-medium {
  font-size: 115%; }

.user-style--size-large {
  font-size: 125%; }

.user-style--font-comic-sans, .user-style--font-comic-sans * {
  font-family: 'Comic Sans','Comic Sans MS',cursive; }

.user-style--font-courier, .user-style--font-courier * {
  font-family: Courier,'Courier New',monospace; }

.user-style--font-arial, .user-style--font-arial * {
  font-family: Arial,Helvetica,sans-serif; }

.user-style--font-times, .user-style--font-times * {
  font-family: Times,'Times New Roman',serif; }

.user-style--spacing-wide {
  letter-spacing: .15em; }

.user-style--spacing-wider {
  letter-spacing: .3em; }

.user-style--spacing-widest {
  letter-spacing: .45em; }

/**
 * Import any additional files below, css from /libs perhaps...
 */