/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

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

/** 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. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

script { display: none !important; }

/* ========================================================================== Base ========================================================================== */
/** 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; }

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

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
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. */
h1 { font-size: 2em; margin: 0.67em 0; }

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

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

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

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

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

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

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** 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. */
img { border: 0; }

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

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** 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. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
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. */
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. */
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. */
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; }

/** 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 */ }

/** 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). */
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. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
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. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

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

meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; }

meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; }

meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { background: #fff; font-size: 16; }

body { color: #323232; padding: 0; margin: 0; font-family: "museo-sans", sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; }

a:hover { cursor: pointer; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

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

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

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

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

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

/* Grid HTML Classes */
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 75em; *zoom: 1; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }

.row.collapse .row { margin-left: 0; margin-right: 0; }

.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }

.row .row:before, .row .row:after { content: " "; display: table; }

.row .row:after { clear: both; }

.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }

.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }

.row .row.collapse:after { clear: both; }

.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }

@media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
  .small-1 { position: relative; width: 8.33333%; }
  .small-2 { position: relative; width: 16.66667%; }
  .small-3 { position: relative; width: 25%; }
  .small-4 { position: relative; width: 33.33333%; }
  .small-5 { position: relative; width: 41.66667%; }
  .small-6 { position: relative; width: 50%; }
  .small-7 { position: relative; width: 58.33333%; }
  .small-8 { position: relative; width: 66.66667%; }
  .small-9 { position: relative; width: 75%; }
  .small-10 { position: relative; width: 83.33333%; }
  .small-11 { position: relative; width: 91.66667%; }
  .small-12 { position: relative; width: 100%; }
  .small-offset-0 { position: relative; margin-left: 0%; }
  .small-offset-1 { position: relative; margin-left: 8.33333%; }
  .small-offset-2 { position: relative; margin-left: 16.66667%; }
  .small-offset-3 { position: relative; margin-left: 25%; }
  .small-offset-4 { position: relative; margin-left: 33.33333%; }
  .small-offset-5 { position: relative; margin-left: 41.66667%; }
  .small-offset-6 { position: relative; margin-left: 50%; }
  .small-offset-7 { position: relative; margin-left: 58.33333%; }
  .small-offset-8 { position: relative; margin-left: 66.66667%; }
  .small-offset-9 { position: relative; margin-left: 75%; }
  .small-offset-10 { position: relative; margin-left: 83.33333%; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }
  .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; }
  .large-2 { position: relative; width: 16.66667%; }
  .large-3 { position: relative; width: 25%; }
  .large-4 { position: relative; width: 33.33333%; }
  .large-5 { position: relative; width: 41.66667%; }
  .large-6 { position: relative; width: 50%; }
  .large-7 { position: relative; width: 58.33333%; }
  .large-8 { position: relative; width: 66.66667%; }
  .large-9 { position: relative; width: 75%; }
  .large-10 { position: relative; width: 83.33333%; }
  .large-11 { position: relative; width: 91.66667%; }
  .large-12 { position: relative; width: 100%; }
  .row .large-offset-0 { position: relative; margin-left: 0%; }
  .row .large-offset-1 { position: relative; margin-left: 8.33333%; }
  .row .large-offset-2 { position: relative; margin-left: 16.66667%; }
  .row .large-offset-3 { position: relative; margin-left: 25%; }
  .row .large-offset-4 { position: relative; margin-left: 33.33333%; }
  .row .large-offset-5 { position: relative; margin-left: 41.66667%; }
  .row .large-offset-6 { position: relative; margin-left: 50%; }
  .row .large-offset-7 { position: relative; margin-left: 58.33333%; }
  .row .large-offset-8 { position: relative; margin-left: 66.66667%; }
  .row .large-offset-9 { position: relative; margin-left: 75%; }
  .row .large-offset-10 { position: relative; margin-left: 83.33333%; }
  .row .large-offset-11 { position: relative; margin-left: 91.66667%; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } }

/* Foundation Visibility HTML Classes */
.show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; }

.show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; }

.hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }

.hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) { .show-for-medium, .show-for-medium-up { display: inherit !important; }
  .show-for-small { display: none !important; }
  .hide-for-small { display: inherit !important; }
  .hide-for-medium, .hide-for-medium-up { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; }
  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; }
  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; }
  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; }
  td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } }

/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; }
  .show-for-medium, .show-for-medium-down { display: none !important; }
  .hide-for-medium, .hide-for-medium-down { display: inherit !important; }
  .hide-for-large, .hide-for-large-up { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; }
  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; }
  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; }
  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; }
  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } }

/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) { .show-for-xlarge { display: inherit !important; }
  .show-for-large, .show-for-large-down { display: none !important; }
  .hide-for-large, .hide-for-large-down { display: inherit !important; }
  .hide-for-xlarge { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; }
  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; }
  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; }
  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; }
  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: inherit !important; }

.hide-for-landscape, .show-for-portrait { display: none !important; }

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait { display: table; }

thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; }

@media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait { display: table; }
  thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } }

@media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape { display: table; }
  thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }

.hide-for-touch { display: inherit !important; }

.touch .show-for-touch { display: inherit !important; }

.touch .hide-for-touch { display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch { display: table; }

.touch table.show-for-touch { display: table; }

thead.hide-for-touch { display: table-header-group !important; }

.touch thead.show-for-touch { display: table-header-group !important; }

tbody.hide-for-touch { display: table-row-group !important; }

.touch tbody.show-for-touch { display: table-row-group !important; }

tr.hide-for-touch { display: table-row !important; }

.touch tr.show-for-touch { display: table-row !important; }

td.hide-for-touch { display: table-cell !important; }

.touch td.show-for-touch { display: table-cell !important; }

th.hide-for-touch { display: table-cell !important; }

.touch th.show-for-touch { display: table-cell !important; }

p.lead, .case-study.view .section.related-items h2.lead { font-size: 1.09375em; line-height: 1.6; }

.subheader { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; }

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, .case-study.view .section.related-items h2, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }

/* Default Link Styles */
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }

a:hover, a:focus { color: #2795b6; }

a img { border: none; }

/* Default paragraph styles */
p, .case-study.view .section.related-items h2 { font-family: inherit; font-weight: normal; font-size: 0.875em; line-height: 1.42857; margin-bottom: 0.71429em; text-rendering: optimizeLegibility; }

p aside, .case-study.view .section.related-items h2 aside { font-size: 0.875em; line-height: 1.35; font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 { font-family: "museo-slab", serif; font-weight: bold; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 { font-size: 39.375em; }

h2 { font-size: 27.375em; }

h3 { font-size: 17.6875em; }

h4 { font-size: 15.6875em; }

h5 { font-size: 16; }

h6 { font-size: 14; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; }

/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; }

/* Lists */
ul, ol, dl { font-size: 0.875em; line-height: 1.42857; margin-bottom: 0.71429em; list-style-position: outside; font-family: inherit; }

ul, ol { margin-left: 0; }

ul.no-bullet, ol.no-bullet { margin-left: 0; }

/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ }

ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }

ul.square { list-style-type: square; }

ul.circle { list-style-type: circle; }

ul.disc { list-style-type: disc; }

ul.no-bullet { list-style: none; }

/* Ordered Lists */
ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; }

/* Definition Lists */
dl dt { margin-bottom: 0.3em; font-weight: bold; }

dl dd { margin-bottom: 0.75em; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #323232; border-bottom: 1px dotted #ddd; cursor: help; }

abbr { text-transform: none; }

/* Blockquotes */
blockquote { margin: 0 0 0.71429em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd; }

blockquote cite { display: block; font-size: 0.8125em; color: #555555; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited { color: #555555; }

blockquote, blockquote p, blockquote .case-study.view .section.related-items h2, .case-study.view .section.related-items blockquote h2 { line-height: 1.42857; color: #6f6f6f; }

/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #ddd; padding: 0.625em 0.75em; }

.vcard li { margin: 0; display: block; }

.vcard .fn { font-weight: bold; font-size: 0.9375em; }

.vevent .summary { font-weight: bold; }

.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; }

@media only screen and (min-width: 768px) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
  h1 { font-size: 40; }
  h2 { font-size: 28; }
  h3 { font-size: 18; }
  h4 { font-size: 16; } }

/* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, .case-study.view .section.related-items h2, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }

/** Some useful classes and mixins for accessibility. */
.off-screen, .section.skip a.skip-to-content, .form-container .cell.form-group .form-row .field-container.no-label > .label-container, .offscreen { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.clear, .clear-floats { clear: both; display: block; height: 0px; margin: 0; padding: 0; }

/** Mixins for effects. */
/* 

	Table of Contents
	- - - - - - - - -
	Typography
	Main
	Custom Blocks
	Listing Items
	Pagination
	Featured Items
	Success Stories
	Services
	Articles
	Filter Form
	Donate Form
	Block UI Styles
	Media Queries
	Print
	Font-face
	- - - - - - - - -
   
*/
/* #Typography 

	Drop your basic typography definitions here.

*/
.sprite { background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; }

.font-museo-slab-300 { font-family: "museo-slab",serif; font-weight: 300; }

.font-museo-slab-500, h1, h2, h3, h4, .section.navigation ul li, .section.home-icons .homepage-icon .label p a, .section.home-icons .homepage-icon .label .case-study.view .section.related-items h2 a, .case-study.view .section.related-items .section.home-icons .homepage-icon .label h2 a, .section.mega-footer ul > li.parent, .section.mega-footer .columns.last p.parent, .section.mega-footer .columns.last .case-study.view .section.related-items h2.parent, .case-study.view .section.related-items .section.mega-footer .columns.last h2.parent, .featured-item .foundation-suport p.label, .featured-item .foundation-suport .case-study.view .section.related-items h2.label, .case-study.view .section.related-items .featured-item .foundation-suport h2.label, .featured-item.case-study .summary p.heading span.label, .featured-item.case-study .summary .case-study.view .section.related-items h2.heading span.label, .case-study.view .section.related-items .featured-item.case-study .summary h2.heading span.label, .featured-item.case-study .about p.label, .featured-item.case-study .about .case-study.view .section.related-items h2.label, .case-study.view .section.related-items .featured-item.case-study .about h2.label, .case-study.view .section.donate .cell .inner .call-to-action a.button { font-family: "museo-slab",serif; font-weight: 500; }

.font-museo-sans-300, h5, h6 { font-family: "museo-sans",sans-serif; font-weight: 300; }

.font-museo-sans-500, h4, .featured-item .foundation-suport span.dollar-label, .case-study.view .section.related-items h2 { font-family: "museo-sans",sans-serif; font-weight: 500; }

.font-museo-sans-700 { font-family: "museo-sans",sans-serif; font-weight: 700; }

body { -webkit-font-smoothing: antialiased; }

h1 { font-size: 2.5em; line-height: 1em; color: #5a9b33; margin-bottom: 1.25em; }

h2 { font-size: 1.75em; line-height: 1.07143em; color: #5a9b33; margin-bottom: 0.71429em; }

h2.blue { color: #009fdd; }

div + h2, p + h2, .case-study.view .section.related-items h2 + h2, ol + h2, ul + h2 { margin-top: 1.42857em; }

h3 { font-size: 1.125em; line-height: 1.44444em; color: #009fdd; margin-bottom: 0.55556em; }

div + h3, p + h3, .case-study.view .section.related-items h2 + h3, ol + h3, ul + h3 { margin-top: 1.38889em; }

h4 { font-size: 1em; line-height: 1.25em; color: #009fdd; }

h3.green, h4.green { color: #5a9b33; }

h5 { font-size: 1em; line-height: 1.42857em; }

h6 { font-size: 0.875em; line-height: 1.42857em; }

p.top-double-margin, .case-study.view .section.related-items h2.top-double-margin { margin-top: 1.42857em; }

p.top-triple-margin, .case-study.view .section.related-items h2.top-triple-margin { margin-top: 2.14286em; }

p.top-quadruple-margin, .case-study.view .section.related-items h2.top-quadruple-margin { margin-top: 2.85714em; }

p.top-quintuple-margin, .case-study.view .section.related-items h2.top-quintuple-margin { margin-top: 3.57143em; }

p.bottom-double-margin, .case-study.view .section.related-items h2.bottom-double-margin { margin-bottom: 1.42857em; }

p.bottom-triple-margin, .case-study.view .section.related-items h2.bottom-triple-margin { margin-bottom: 2.14286em; }

p.bottom-quadruple-margin, .case-study.view .section.related-items h2.bottom-quadruple-margin { margin-bottom: 2.85714em; }

p.bottom-quintuple-margin, .case-study.view .section.related-items h2.bottom-quintuple-margin { margin-bottom: 3.57143em; }

p.large, .case-study.view .section.related-items h2.large { font-size: 1.0625em; line-height: 1.47059em; }

p.bottom-dashed-border, .case-study.view .section.related-items h2.bottom-dashed-border { margin-bottom: 1.5625em; padding-bottom: 1.47059em; background: url(../graphics/listing-item-border.gif) bottom left repeat-x; }

div.pullquote p, div.pullquote .case-study.view .section.related-items h2, .case-study.view .section.related-items div.pullquote h2 { font-size: 1.3125em; line-height: 1.42857em; color: #009fdd; font-family: "museo-sans", serif; margin-left: 2.85714em; margin-right: 2.85714em; margin-bottom: 0.71429em; }

div.pullquote { padding-top: 1.5625em; padding-bottom: 1.5625em; }

ul, ol { font-size: 1em; margin-left: 58px; }

ul li, ol li { font-size: 0.875em; line-height: 1.428571em; margin-bottom: 0.71429em; list-style-position: outside; padding-left: 2.375em; }

ul li li, ol li li { font-size: 1em; }

ul.reset, ol.reset { margin: 0; padding: 0; list-style: none; }

ul.reset li, ol.reset li { margin: 0; padding: 0; background-image: none; list-style-position: inside; }

ul.reset.inline li, ol.reset.inline li { display: inline-block; }

.light-on-dark * { color: #fff; }

.light-on-dark a:link, .light-on-dark a:visited, .light-on-dark a:hover, .light-on-dark a:active { color: #fff; }

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

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

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

a:link, a:visited, a:hover, a:active { color: #009fdd; text-decoration: underline; }

a:hover, a:focus { text-decoration: none; }

a.flip-flop:link, a.button:link, button.button:link, a.flip-flop:visited, a.button:visited, button.button:visited, a.flip-flop:hover, a.button:hover, button.button:hover, a.flip-flop:active, a.button:active, button.button:active { text-decoration: none; }

a.flip-flop:hover, a.button:hover, button.button:hover, a.flip-flop:focus, a.button:focus, button.button:focus { text-decoration: underline; }

a.block { display: inline-block; text-decoration: none; }

div.collapse, p.collapse, .case-study.view .section.related-items h2.collapse, h2.collapse, h3.collapse, h4.collapse, h5.collapse, h6.collapse { margin: 0; padding: 0; }

.upper-for-large { text-transform: uppercase; }

/* #Main

	The rest of the project meat should go here.

*/
html, body { background-color: #58595B; }

.section { position: relative; }

.section.header { background-color: white; }

.section.hero { background-color: #0095d9; overflow: hidden; }

.section.hero .UIPageEditTab { left: 0 !important; }

.section.hero .embedded { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; height: 100%; max-height: 600px; }

.section.hero .embedded img, .section.hero .embedded a { width: 100%; max-width: 1500px; }

.section.hero .embedded small { display: inline; position: absolute; font-size: 50px; color: #009fdd; font-family: "museo-slab",serif; font-weight: 500; left: 0.9375rem; bottom: 40px; background-color: white; padding: 10px; max-width: 80%; text-align: left; }

@media screen and (min-width: 1230px) { .section.hero .embedded small { left: calc(50vw - 595px); max-width: 770px; } }

@media screen and (max-width: 600px) { .section.hero .embedded small { font-size: 20px; padding: 5px; bottom: 20px; } }

.section.skip { background-color: #fff; }

.section.skip a.skip-to-content:hover, .section.skip a.skip-to-content:focus { position: relative; left: 0; top: 0; height: auto; width: auto; padding: 1.25em 0; color: blue; outline: none; text-decoration: underline; }

.section.skip a.skip-to-content:hover { text-decoration: none; }

.section.header { z-index: 10; height: 3.75em; }

.section.header .site-logo { position: absolute; font-size: 1em; left: 0.9375em; }

.section.header .site-logo, .section.header .site-logo a { width: 14.375em; height: 7.8125em; }

.section.header .site-logo a { background-image: url(../graphics/hac_logo.png); background-size: contain; background-position: center center; background-repeat: no-repeat; }

.section.header .links, .section.header .social-media { display: block; position: absolute; top: 0; }

.section.header .links ul, .section.header .social-media ul { margin: 0.75em 0; height: 1.25em; line-height: 1.25em; overflow: hidden; }

.section.header .links li, .section.header .social-media li { height: 20px; }

.section.header .links li a, .section.header .social-media li a { color: #053385; }

.section.header .links.links, .section.header .social-media.links { right: 9.5em; }

.section.header .links.links li, .section.header .social-media.links li { font-size: 0.9375em; line-height: 1.66667em; margin-left: 1.25em; }

@media (max-width: 400px) { .section.header .links.links, .section.header .social-media.links { right: 8.5em; }
  .section.header .links.links li, .section.header .social-media.links li { margin-left: 5px; } }

.section.header .links.social-media, .section.header .social-media.social-media { right: 0.9375em; }

.section.header .links.social-media li, .section.header .social-media.social-media li { font-size: 1em; margin-left: 0.625em; }

@media (max-width: 400px) { .section.header .links.social-media li, .section.header .social-media.social-media li { margin-left: 5px; } }

.section.header .links.social-media li a, .section.header .social-media.social-media li a { width: 1.25em; height: 1.25em; }

.section.header .links.social-media li.facebook a, .section.header .social-media.social-media li.facebook a { background-image: url(../graphics/facebook.svg); background-size: contain; background-position: center center; }

.section.header .links.social-media li.twitter a, .section.header .social-media.social-media li.twitter a { background-image: url(../graphics/twitter.svg); background-size: contain; background-position: center center; }

.section.header .links.social-media li.instagram a, .section.header .social-media.social-media li.instagram a { background-image: url(../graphics/instagram.svg); background-size: contain; background-position: center center; }

.section.header .links.social-media li.linkedin a, .section.header .social-media.social-media li.linkedin a { background-image: url(../graphics/linkedin.svg); background-size: contain; background-position: center center; }

.section.navigation { background-color: #fff; }

.section.navigation .yellowheart { display: block; width: 139px; height: 107px; position: absolute; bottom: -68px; right: -33px; background-image: url(../assets/donate_hp.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; z-index: 2; transform: rotate(10deg); }

.section.navigation .yellowheart.fixed { position: fixed; top: 100px; right: calc(50vw - 653px); z-index: 10; }

@media screen and (max-width: 1280px) and (min-width: 1080px) { .section.navigation .yellowheart { right: 0; }
  .section.navigation .yellowheart.fixed { right: 0; } }

@media screen and (max-width: 1080px) { .section.navigation .yellowheart { display: none; } }

.section.navigation ul { display: inline-block; margin-left: 15.625em; padding: 15px 0 30px 0; display: flex; flex-direction: row; flex-wrap: nowrap; margin-right: 3.125em; }

.section.navigation ul li { flex: 1 1 auto; font-size: 0.9375em; padding: 0 0.33333em 0 0.33333em; height: 2em; line-height: 2em; border-right: 1px solid #0095d9; text-align: center; position: relative; }

.section.navigation ul li.last { padding-right: 0; border: 0; }

.section.navigation ul li ul { display: none; position: absolute; flex-direction: row; flex-wrap: wrap; width: 95%; background-color: #009fdd; z-index: 10; margin-left: 0; }

.section.navigation ul li ul li { height: auto; border-right: 0; padding: 0; flex: 0 0 100%; }

.section.navigation ul li ul li a { color: white; padding-top: 10px; padding-bottom: 10px; }

.section.navigation ul li ul li a:hover { color: #009fdd; }

.section.navigation ul li ul:hover { display: flex; }

.section.navigation ul li a { display: block; padding: 0 0.66667em; white-space: no-wrap; font-size: 1.15rem; }

.section.navigation ul li a:hover, .section.navigation ul li a:focus { background-color: #d9f1fa; }

.section.navigation ul li a:hover + ul { display: flex; }

@media (hover: none) and (pointer: coarse) { .section.navigation ul li ul { display: none; }
  .section.navigation ul li a:hover + ul { display: none; } }

@media screen and (max-width: 367px) { .section.navigation ul li a { font-size: 0.78em !important; } }

body.home .section.navigation .columns { position: relative; /*&:before { content: ''; display: block; width: 139px; height: 107px; position: absolute; bottom: -68px; right: -33px; @include sprite(-185px, -48px); z-index: 2; }*/ }

@media only screen and (max-width: 959px) { body.home .section.navigation .columns:before { right: 0px; } }

@media only screen and (max-width: 767px) { body.home .section.navigation .columns:before { display: none; } }

.section.breadcrumbs { background-color: #f6f7f7; padding: 0.7em 0; }

.section.breadcrumbs p, .section.breadcrumbs .case-study.view .section.related-items h2, .case-study.view .section.related-items .section.breadcrumbs h2 { position: relative; padding-left: 1.57143em; }

.section.breadcrumbs p:before, .section.breadcrumbs .case-study.view .section.related-items h2:before, .case-study.view .section.related-items .section.breadcrumbs h2:before { content: ''; display: block; position: absolute; top: -1px; left: 0; width: 20px; height: 20px; background: cyan; overflow: hidden; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -43px 0; }

.section.breadcrumbs p a, .section.breadcrumbs .case-study.view .section.related-items h2 a, .case-study.view .section.related-items .section.breadcrumbs h2 a, .section.breadcrumbs p span.separator, .section.breadcrumbs .case-study.view .section.related-items h2 span.separator, .case-study.view .section.related-items .section.breadcrumbs h2 span.separator { margin-right: 0.28571em; }

.section.breadcrumbs p a, .section.breadcrumbs .case-study.view .section.related-items h2 a, .case-study.view .section.related-items .section.breadcrumbs h2 a { padding-right: 0.42857em; }

.section.breadcrumbs p a:link, .section.breadcrumbs .case-study.view .section.related-items h2 a:link, .case-study.view .section.related-items .section.breadcrumbs h2 a:link, .section.breadcrumbs p a:visited, .section.breadcrumbs .case-study.view .section.related-items h2 a:visited, .case-study.view .section.related-items .section.breadcrumbs h2 a:visited, .section.breadcrumbs p a:hover, .section.breadcrumbs .case-study.view .section.related-items h2 a:hover, .case-study.view .section.related-items .section.breadcrumbs h2 a:hover, .section.breadcrumbs p a:focus, .section.breadcrumbs .case-study.view .section.related-items h2 a:focus, .case-study.view .section.related-items .section.breadcrumbs h2 a:focus, .section.breadcrumbs p a:active, .section.breadcrumbs .case-study.view .section.related-items h2 a:active, .case-study.view .section.related-items .section.breadcrumbs h2 a:active { text-decoration: none; border-bottom: 1px solid #009fdd; }

.section.breadcrumbs p span.separator, .section.breadcrumbs .case-study.view .section.related-items h2 span.separator, .case-study.view .section.related-items .section.breadcrumbs h2 span.separator { color: #009fdd; }

.section.main.home .cell.green { position: relative; z-index: 2; margin-bottom: 3.125em; }

.section.main.home .cell.green .inner { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 0 -10px; }

.section.main.home .cell.green a.block { font-size: 1.125em; border: 1px solid #a6d28c; margin: 0 10px; display: block; flex: 1; position: relative; line-height: 1.55556em; padding: 0.77778em 0.88889em 1.11111em; background-color: #6cb541; }

.section.main.home .cell.green a.block:hover, .section.main.home .cell.green a.block:focus { background-color: #5a9b33; }

.section.main.home .cell.green a.block.last { margin-bottom: 0; }

.section.main.home .cell.green a.block:after { content: ''; display: block; position: absolute; width: 60px; height: 28px; overflow: hidden; background-color: cyan; bottom: -14px; left: 50%; margin-left: -30px; }

.section.main.home .cell.green a.block.become-a-member:after { background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -120px -20px; }

.section.main.home .cell.green a.block.register:after { background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -60px -21px; }

.section.main.home .cell.green a.block.connect:after { background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: 0 -20px; }

.section.main.home .cell.green a.block.donate:after, .section.main.home .cell.green a.block.dollar:after { bottom: -15px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -180px -20px; }

.section.main.home .cell.green a.block.get-involved:after { background-image: url(../graphics/handshake.svg); background-color: transparent; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.section.main.home p.large, .section.main.home .case-study.view .section.related-items h2.large, .case-study.view .section.related-items .section.main.home h2.large { font-size: 1.3rem; margin-bottom: 1rem; }

.section.main.sub { height: 1.875em; }

@media screen and (max-width: 900px) { .section.main.home .cell.green .inner { flex-wrap: wrap; justify-content: space-between; }
  .section.main.home .cell.green a.block { flex: 0 0 46.2%; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .section.main.home .cell.green { margin-top: 3.125em; } }

@media screen and (max-width: 600px) { .section.main.home .cell.green a.block { flex: 0 0 100%; margin: 0 0 20px; }
  .section.main.home .cell.green a.block:last-child { margin-bottom: 0; } }

.section.main { background-color: #fff; padding-top: 3.125em; padding-bottom: 2.5em; }

.section.main .columns.subnav li { border-bottom: 1px solid #dedfe0; }

.section.main .columns.subnav li.last { border-bottom: 0; }

.section.main .columns.subnav li > ul { border-top: 1px solid #dedfe0; }

.section.main .columns.subnav a { display: block; padding: 0.92857em 0.71429em; }

.section.main .columns.subnav > ul { margin-bottom: 1.875em; }

.section.main .columns.subnav > ul > li > a.active { background-color: #d9f1fa; }

.section.main .columns.subnav > ul > li > ul { display: none; }

.section.main .columns.subnav > ul > li > ul > li > a { background-color: #f6f7f7; color: #666; padding-left: 1.42857em; }

.section.main .columns.subnav > ul > li > ul > li > a.active { color: #fff; background-color: #009fdd; }

.section.main .columns.subnav > ul > li.active > ul { display: block; }

@media screen and (max-width: 767px) { .section.main { padding-top: 0; } }

.section.home-icons { background-color: #43bbb8; padding-top: 1.5em; }

.section.home-icons .homepage-icon .icon { border-bottom: 1px solid #389999; height: 8.5em; }

.section.home-icons .homepage-icon .icon a { width: 8.375em; height: 8.25em; overflow: hidden; }

.section.home-icons .homepage-icon .icon a.question { background-position: 0px -250px; }

.section.home-icons .homepage-icon .icon a.briefcase { background-position: -135px -250px; }

.section.home-icons .homepage-icon .icon a.speech { background-position: -270px -250px; }

.section.home-icons .homepage-icon .icon a.person { background-position: 0px -383px; }

.section.home-icons .homepage-icon .icon a.dollars { background-position: -135px -383px; }

.section.home-icons .homepage-icon .icon a.book { background-position: -270px -383px; }

.section.home-icons .homepage-icon .label { border-top: 1px solid #6bc6c5; padding-top: 1.875em; padding-bottom: 2.1875em; }

.section.home-icons .homepage-icon .label p, .section.home-icons .homepage-icon .label .case-study.view .section.related-items h2, .case-study.view .section.related-items .section.home-icons .homepage-icon .label h2 { font-size: 1em; line-height: 1.25em; }

.section.home-icons .homepage-icon .label p a, .section.home-icons .homepage-icon .label .case-study.view .section.related-items h2 a, .case-study.view .section.related-items .section.home-icons .homepage-icon .label h2 a { color: #fff; }

.section.mega-footer { background-color: #656565; padding: 3.125em 0 1.25em; }

.section.mega-footer ul { padding-top: 0.625em; padding-bottom: 1.25em; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 -10px; }

.section.mega-footer ul li { margin-bottom: 0.85714em; line-height: 1.42857em; padding: 0 10px; white-space: nowrap; }

.section.mega-footer ul li.parent { margin-bottom: 1.06667em; }

.section.mega-footer ul > li.parent, .section.mega-footer .columns.last p.parent, .section.mega-footer .columns.last .case-study.view .section.related-items h2.parent, .case-study.view .section.related-items .section.mega-footer .columns.last h2.parent { font-size: 0.9375em; }

.section.mega-footer ul > li.parent.collapse, .section.mega-footer .columns.last p.parent.collapse, .section.mega-footer .columns.last .case-study.view .section.related-items h2.parent.collapse, .case-study.view .section.related-items .section.mega-footer .columns.last h2.parent.collapse { margin-bottom: 0.26667em; }

.section.mega-footer img.acnc { margin-top: -27px; margin-bottom: -23px; }

.section.mega-footer .columns.last .search-container .input-container { display: block; border-color: #c9cbcc; margin-bottom: 2.1875em; height: 38px; color: #c9cbcc; }

.section.mega-footer .columns.last .search-container .input-container label { background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -240px -10px; width: 35px; height: 38px; }

.section.mega-footer .columns.last .search-container .input-container input.input { margin-left: 35px; background: transparent; top: 8px; width: 81%; color: #c9cbcc; }

.section.mega-footer .columns.last ul.icons { margin: 0; }

.section.mega-footer .columns.last ul.icons li { padding-left: 2.28571em; padding-right: 0; position: relative; color: #c9cbcc; }

.section.mega-footer .columns.last ul.icons li:before { content: ''; display: block; overflow: hidden; position: absolute; top: -2px; left: 0; width: 20px; height: 20px; }

.section.mega-footer .columns.last ul.icons li.email:before { background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -66px 0; }

.section.mega-footer .columns.last ul.icons li.twitter:before { top: -3px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -91px -1px; }

.section.mega-footer .columns.last ul.icons li.facebook:before { top: -3px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -117px 0; }

.section.mega-footer .columns.last ul.icons li.subscribe:before { top: -1px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -142px -1px; }

.section.mega-footer .columns.last ul.icons li.phone:before { top: -4px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -165px 0; }

.section.mega-footer .columns.last ul.icons li.address:before { top: -4px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -184px 0; }

.section.mega-footer .columns.last ul.icons li a:link, .section.mega-footer .columns.last ul.icons li a:visited, .section.mega-footer .columns.last ul.icons li a:hover, .section.mega-footer .columns.last ul.icons li a:active { color: #c9cbcc; }

@media screen and (min-width: 900px) { .section.mega-footer .columns.last { padding-right: 5vw; } }

@media screen and (max-width: 767px) { .section.mega-footer img.acnc { max-width: 135px; float: right; } }

@media screen and (max-width: 715px) { .section.mega-footer img.acnc { margin-top: -150px; } }

@media screen and (max-width: 715px) { .section.mega-footer ul { flex-wrap: wrap; }
  .section.mega-footer ul li { flex: 0 0 100%; }
  .section.mega-footer ul.icons li { flex-basis: 50%; } }

.section.micro-footer { background-color: #58595B; padding: 1.25em 0; }

.section.micro-footer p, .section.micro-footer .case-study.view .section.related-items h2, .case-study.view .section.related-items .section.micro-footer h2 { font-size: 0.75em; line-height: 1.66667em; }

.section.micro-footer p > a, .section.micro-footer .case-study.view .section.related-items h2 > a, .case-study.view .section.related-items .section.micro-footer h2 > a { margin-right: 1em; }

.cell { border-radius: 8px; }

.cell > .inner { padding: 1.33333em; }

.cell.extra-padding > .inner { padding: 2em; }

.cell.bottom-no-padding > .inner { padding-bottom: 0; }

.cell.acqua { background-color: #43bbb8; }

.cell.blue { background-color: #009fdd; }

.cell.grey { background-color: #e9eaea; }

.cell.grey.tear-off { border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; padding-bottom: 8px; margin-bottom: 1.875em; }

.cell.grey.tear-off:before { content: ''; display: block; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: bottom left; background-size: 102.4% auto; }

.cell.green { background-color: #6cb541; }

button.button { padding: 0; background: transparent; border: 0; }

a.button, button.button { border-radius: 8px; height: 2.85714em; line-height: 2.85714em; padding: 0 1.42857em; }

a.button, a.button:link, a.button:visited, a.button:hover, a.button:active, a.button:focus, button.button, button.button:link, button.button:visited, button.button:hover, button.button:active, button.button:focus { color: #fff; }

a.button.green, button.button.green { background-color: #6cb541; }

a.button.green:hover, a.button.green:focus, button.button.green:hover, button.button.green:focus { background-color: #009fdd; }

a.button.white, button.button.white { background-color: white; }

a.button.disabled, button.button.disabled { background-color: #e9eaea; color: #323232; }

/* #Search container and forms 

	Styles for the Search forms can be shared between the footer and search page.

*/
.search-container .input-container { border: 1px solid #333; border-radius: 10px; position: relative; height: 1.75em; font-size: 0.875em; }

.search-container .input-container label { display: block; position: absolute; }

.search-container .input-container input.input { border: 0; outline: none; position: absolute; top: 0; left: 0; padding: 2px 0px; font-size: inherit; }

/* #Custom Blocks

	Some specific styles for some of the custom blocks.

*/
.cms-lightbox-gallery a { float: left; margin-right: 0.9375em; margin-bottom: 0.9375em; }

.cms-lightbox-gallery a:nth-child(6n) { margin-right: 0; }

.cms-lightbox-gallery a img { border: 1px solid #9fa1a4; }

.lb-nav .lb-prev, .lb-nav .lb-next { top: 0; width: 50%; background-image: none; }

.lb-nav .lb-prev:before, .lb-nav .lb-next:before { content: ''; display: block; position: absolute; height: 100%; width: 80px; top: 0; }

.lb-nav .lb-prev { left: 0; right: auto; }

.lb-nav .lb-prev:hover:before { left: 0; background: url(/modules/gallery/graphics/back.png) center center no-repeat; }

.lb-nav .lb-next { left: auto; right: 0; }

.lb-nav .lb-next:hover:before { right: 0; background: url(/modules/gallery/graphics/next.png) center center no-repeat; }

.custom-block { /* Home Page highlights */ }

.custom-block.highlights { position: relative; /* The size of the box is 618 x 480 (77.6699% height) for the home page highlights.  The size of the images is 618 x 400 (64.7249% height or a width to height ratio of roughly 3:2). We'll use the same aspect ratio for the slider in the case study view template. */ }

.custom-block.highlights ul.images { width: 100%; height: 0; padding-bottom: 60%; position: relative; z-index: 1; }

.custom-block.highlights ul.images li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0.875em; }

.custom-block.highlights ul.images li .image-container { display: block; width: 100%; height: 0px; padding-bottom: 60%; position: relative; z-index: 1; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; margin: 0 -15px; width: 100vw; max-width: 1520px; }

.custom-block.highlights ul.images li .image-container img { width: 100%; position: absolute; top: 0; left: 0; }

.custom-block.highlights ul.images li div.description { position: absolute; right: 0px; bottom: 40px; width: 280px; }

.custom-block.highlights ul.images li div.description:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #6cb541; z-index: 1; border-radius: 8px; }

.custom-block.highlights ul.images li div.description p, .custom-block.highlights ul.images li div.description .case-study.view .section.related-items h2, .case-study.view .section.related-items .custom-block.highlights ul.images li div.description h2, .custom-block.highlights ul.images li div.description a.button { z-index: 2; }

.custom-block.highlights ul.images li div.description p, .custom-block.highlights ul.images li div.description .case-study.view .section.related-items h2, .case-study.view .section.related-items .custom-block.highlights ul.images li div.description h2 { font-size: 1em; position: relative; margin: 10px; color: white; }

.custom-block.highlights ul.images li div.description .link { width: 100%; text-align: right; }

.custom-block.highlights ul.images li div.description a.button { position: relative; height: 2.85714em; width: 7.85714em; margin: 0 10px 10px; text-align: center; color: #009fdd; padding: 0; }

.custom-block.highlights ul.images li div.description a.button:hover, .custom-block.highlights ul.images li div.description a.button:focus { background-color: #FFD300; }

.custom-block.highlights div.slider-navigation { position: absolute; bottom: 10px; width: 100%; height: 20px; background-color: transparent; left: 0; z-index: 2; }

.custom-block.highlights div.slider-navigation ul { text-align: right; padding-right: 50px; }

.custom-block.highlights div.slider-navigation ul li { display: inline-block; }

.custom-block.highlights div.slider-navigation ul li a { display: block; overflow: hidden; text-align: left; text-indent: -1000px; }

.custom-block.highlights div.slider-navigation ul li.stepper { display: none; }

.custom-block.highlights div.slider-navigation ul li.number { padding: 10px 0 0 10px; }

.custom-block.highlights div.slider-navigation ul li.number a { width: 10px; height: 10px; border-radius: 10px; background-color: #009fdd; }

.custom-block.highlights div.slider-navigation ul li.number a.active { background-color: #FFD300; }

.custom-block.highlights div.slider-navigation ul li.play-pause { position: absolute; width: 36px; height: 36px; top: -3px; right: 0px; z-index: 100; }

.custom-block.highlights div.slider-navigation ul li.play-pause a { width: 100%; height: 100%; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -186px -158px; }

.custom-block.highlights div.slider-navigation ul li.play-pause.pause a { background-position: -224px -159px; }

.custom-block.highlights.service { margin-top: 0; }

.custom-block.highlights.service div.slider-navigation { bottom: 30px; }

.custom-block.highlights.service div.slider-navigation ul li.number.last { padding-right: 15px; }

.custom-block.highlights.service div.slider-navigation ul li.play-pause { top: auto; bottom: 25px; }

@media screen and (min-width: 1520px) { .custom-block.highlights ul.images li .image-container { margin: 0 -175px; } }

@media screen and (min-width: 1200px) and (max-width: 1520px) { .custom-block.highlights ul.images li .image-container { margin: 0 calc((1170px - 100vw) / 2); } }

@media screen and (max-width: 600px) { .custom-block.highlights ul.images li .image-container { margin: 0px -5%; width: 110%; }
  .custom-block.highlights ul.images li div.description { display: none; } }

.icons-field-container { height: 73px; padding-bottom: 10px; padding-left: 2px; }

.icons-field-container .icon-container { display: block; float: left; width: 65px; height: 65px; padding: 5px; }

.icons-field-container .icon-container a { display: block; width: 55px; height: 55px; border: 4px solid #eee; text-decoration: none; opacity: 0.8; }

.icons-field-container .icon-container a:hover { border-color: #2e93ff; opacity: 1.0; }

.icons-field-container .icon-container.selected a { border-color: #2e93ff; opacity: 1.0; }

.home-intro-container { margin-bottom: 2rem; }

.home-intro-container p, .home-intro-container .case-study.view .section.related-items h2, .case-study.view .section.related-items .home-intro-container h2 { font-size: 1.125em; }

/* #Listing Items

	Search results, articles, success stories, events.

*/
.listing-items.case-studies .columns.last { float: left; }

.listing-item { margin-bottom: 1.5625em; padding-bottom: 1px; background: url(../graphics/listing-item-border.gif) bottom left repeat-x; }

.listing-item.last { margin-bottom: 1.875em; }

.listing-item.bottom-solid-border { background: none; border-bottom: 1px solid #989898; }

.listing-item.bottom-solid-border .content { padding-bottom: 14px; }

.listing-item.bottom-no-margin { margin-bottom: 0; }

.listing-item.bottom-no-border { background: none; }

.listing-item .content .thumbnail { margin-bottom: 25px; margin-left: 25px; float: left; width: 213px; }

.listing-item .content .thumbnail img { display: block; border: 1px solid #666; width: 100%; }

.listing-item .content p.meta, .listing-item .content .case-study.view .section.related-items h2.meta, .case-study.view .section.related-items .listing-item .content h2.meta { color: #6d6e71; }

.listing-item.staff-profile { display: flex; flex-direction: row; flex-wrap: nowrap; }

.listing-item.staff-profile .thumbnail { flex: 0 0 213px; margin: 0 37px 10px 0; }

.listing-item.staff-profile .content { flex: 1 1 auto; }

.listing-item.case-study.home .content .thumbnail, .listing-item.service.home .content .thumbnail { float: right; }

.listing-item.case-study.listing, .listing-item.service.listing { position: relative; min-height: 170px; }

.listing-item.case-study.listing.hasimage h3, .listing-item.case-study.listing.hasimage .content, .listing-item.service.listing.hasimage h3, .listing-item.service.listing.hasimage .content { margin-left: 250px; }

.listing-item.case-study.listing .content, .listing-item.service.listing .content { padding-bottom: 0; }

.listing-item.case-study.listing .content .thumbnail, .listing-item.service.listing .content .thumbnail { float: none; position: absolute; top: 0; left: 0; margin-left: 0; }

.listing-item.case-study.listing.thumbnail-right h3, .listing-item.case-study.listing.thumbnail-right .content, .listing-item.service.listing.thumbnail-right h3, .listing-item.service.listing.thumbnail-right .content { margin-left: 0; margin-right: 250px; }

.listing-item.case-study.listing.thumbnail-right .thumbnail, .listing-item.service.listing.thumbnail-right .thumbnail { left: auto; right: 0; margin-left: 0; }

.listing-item.case-study.listing.service .content .thumbnail, .listing-item.service.listing.service .content .thumbnail { display: block; width: 13.3125em; height: 8.75em; overflow: hidden; position: relative; float: right; margin-left: 30px; margin-top: -60px; }

.listing-item.case-study.listing.service .content .thumbnail img, .listing-item.service.listing.service .content .thumbnail img { border: none; position: absolute; max-width: 192px; top: 50%; left: 50%; width: 100%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (max-width: 767px) { .listing-item.case-study.listing.service .content .thumbnail, .listing-item.service.listing.service .content .thumbnail { margin-top: 0; margin-left: 5px; margin-right: -15px; } }

.listing-item.case-study.related, .listing-item.service.related { margin-bottom: 0; }

.listing-item.case-study.related .content .thumbnail, .listing-item.service.related .content .thumbnail { float: none; width: 100%; margin-left: 0; }

.listing-item.case-study.related .content .thumbnail img, .listing-item.service.related .content .thumbnail img { width: 100%; }

.listing-item.staff-profile .profile-description { padding-bottom: 1.875em; }

.listing-item.search-result h3 span.type { font-size: 0.77778em; }

.listing-item.event { position: relative; }

.listing-item.event h3 { padding-top: 0.22222em; }

.listing-item.event .content { position: static; }

.listing-item.event .content .date-badge { position: absolute; top: -10px; width: 51px; height: 51px; background-color: #009fdd; border-radius: 0.625em; color: white; text-align: center; }

.listing-item.event .content .date-badge span { display: block; }

.listing-item.event .content .date-badge span.date { font-size: 1.75em; padding: 0.21429em 0 0; }

.listing-item.event .content .date-badge span.month { font-size: 0.75em; text-transform: uppercase; }

.listing-item.event.first { margin-top: 2.1875em; }

.listing-item.event.first h3 a { color: #656565; }

.listing-item.event.first.last { border-bottom-color: transparent; margin-bottom: 0; }

.listing-item.event.first.last .content { padding: 0; }

.listing-item.event.first.last .content p.intro, .listing-item.event.first.last .content .case-study.view .section.related-items h2.intro, .case-study.view .section.related-items .listing-item.event.first.last .content h2.intro { display: none; }

.listing-item.event.medium { margin-bottom: 2.5em; }

.listing-item.event.medium h3, .listing-item.event.medium .content { margin-left: 80px; }

.listing-item.event.medium h3.content .date-badge, .listing-item.event.medium .content.content .date-badge { left: 0px; }

.listing-item.event.micro { margin-left: 65px; }

.listing-item.event.micro h3 a { color: #656565; }

.listing-item.event.micro .content .date-badge { left: -65px; }

.listing-item.event.micro.last { border-bottom-color: transparent; margin-bottom: 0; }

.listing-item.event.micro.last .content { padding: 0; }

.listing-item.event.micro.last .content p.intro, .listing-item.event.micro.last .content .case-study.view .section.related-items h2.intro, .case-study.view .section.related-items .listing-item.event.micro.last .content h2.intro { display: none; }

/* #Pagination

*/
.pagination p.info, .pagination .case-study.view .section.related-items h2.info, .case-study.view .section.related-items .pagination h2.info { text-align: center; }

.pagination p.links, .pagination .case-study.view .section.related-items h2.links, .case-study.view .section.related-items .pagination h2.links { height: 2.85714em; line-height: 2.85714em; position: relative; text-align: center; }

.pagination p.links a.stepper, .pagination .case-study.view .section.related-items h2.links a.stepper, .case-study.view .section.related-items .pagination h2.links a.stepper { color: #009fdd; white-space: nowrap; position: absolute; display: block; padding: 0; top: 0; }

.pagination p.links a.stepper, .pagination .case-study.view .section.related-items h2.links a.stepper, .case-study.view .section.related-items .pagination h2.links a.stepper, .pagination p.links a.stepper span, .pagination .case-study.view .section.related-items h2.links a.stepper span, .case-study.view .section.related-items .pagination h2.links a.stepper span { height: 2.85714em; line-height: 2.85714em; }

.pagination p.links a.stepper span, .pagination .case-study.view .section.related-items h2.links a.stepper span, .case-study.view .section.related-items .pagination h2.links a.stepper span { display: block; padding: 0 1.42857em; }

.pagination p.links a.stepper.previous, .pagination .case-study.view .section.related-items h2.links a.stepper.previous, .case-study.view .section.related-items .pagination h2.links a.stepper.previous { left: 0; background-position: right -555px; }

.pagination p.links a.stepper.previous span, .pagination .case-study.view .section.related-items h2.links a.stepper.previous span, .case-study.view .section.related-items .pagination h2.links a.stepper.previous span { padding-left: 2.14286em; background-position: left -555px; }

.pagination p.links a.stepper.next, .pagination .case-study.view .section.related-items h2.links a.stepper.next, .case-study.view .section.related-items .pagination h2.links a.stepper.next { right: 0; background-position: left -515px; }

.pagination p.links a.stepper.next span, .pagination .case-study.view .section.related-items h2.links a.stepper.next span, .case-study.view .section.related-items .pagination h2.links a.stepper.next span { padding-right: 2.14286em; background-position: right -515px; }

/* #Featured Items

	This handles the featured items in blue cells both on the 
	Success Stories landing page and within the Success Stories.
	
*/
.featured-item .cell .inner { padding-top: 1.875em; padding-left: 1.875em; padding-right: 1.875em; }

.featured-item .row { border-top: 1px solid #11bcff; border-bottom: 1px solid #007aaa; padding-top: 1.25em; }

.featured-item .row.top-no-border { padding-top: 0; border-top: none; }

.featured-item .row.bottom-no-border { border-bottom: none; padding-bottom: 0; }

.featured-item .foundation-suport { position: relative; }

.featured-item .foundation-suport:before { content: ''; display: block; position: absolute; width: 51px; height: 42px; top: -7px; left: -10px; background-color: red; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -312px -1px; }

.featured-item .foundation-suport p.label, .featured-item .foundation-suport .case-study.view .section.related-items h2.label, .case-study.view .section.related-items .featured-item .foundation-suport h2.label { font-size: 1.125em; padding-left: 2.77778em; margin-bottom: 1.11111em; }

.featured-item .foundation-suport span.dollar-label { font-size: 2.42857em; line-height: 1.11765em; letter-spacing: -0.04412em; }

.featured-item .thumbnail img { border-radius: 7px; }

.featured-item.case-study { margin-top: 3.125em; margin-bottom: 2.8125em; }

.featured-item.case-study .summary { padding-bottom: 1.875em; }

.featured-item.case-study .summary .thumbnail { float: left; }

.featured-item.case-study .summary .thumbnail + p.heading, .featured-item.case-study .summary .case-study.view .section.related-items .thumbnail + h2.heading, .case-study.view .section.related-items .featured-item.case-study .summary .thumbnail + h2.heading { margin-left: 130px; }

.featured-item.case-study .summary p.heading, .featured-item.case-study .summary .case-study.view .section.related-items h2.heading, .case-study.view .section.related-items .featured-item.case-study .summary h2.heading { clear: none; font-size: 1.25em; padding-top: 0.85em; line-height: 1.5em; }

.featured-item.case-study .summary p.heading span.label, .featured-item.case-study .summary .case-study.view .section.related-items h2.heading span.label, .case-study.view .section.related-items .featured-item.case-study .summary h2.heading span.label { font-size: 1.1em; }

.featured-item.case-study .about { padding-top: 0.3125em; padding-right: 1.25em; padding-bottom: 0.9375em; }

.featured-item.case-study .about p.label, .featured-item.case-study .about .case-study.view .section.related-items h2.label, .case-study.view .section.related-items .featured-item.case-study .about h2.label { font-size: 1.125em; }

.featured-item.case-study .foundation-suport { padding-top: 0.3125em; }

.featured-item.case-study .quote p, .featured-item.case-study .quote .case-study.view .section.related-items h2, .case-study.view .section.related-items .featured-item.case-study .quote h2 { font-size: 1.25em; line-height: 1.5em; }

.featured-item.service .thumbnail-container { margin-bottom: 2.1875em; }

.featured-item.service .large-images { margin-left: 7.25%; }

.featured-item.service .about { padding-top: 0.625em; padding-bottom: 0.625em; }

/* #Success Stories

	For the case studies/success stories view pages.

*/
.case-study.view .section { border-bottom: 1px solid #989898; padding-bottom: 1.5625em; margin-bottom: 1.5625em; }

.case-study.view .section.no-border { border-bottom: none; }

.case-study.view .section.service { margin-bottom: 2.5em; }

.case-study.view .section.description { padding-bottom: 7.8125em; margin-bottom: 2.8125em; }

.case-study.view .section.extra-media { padding-bottom: 3.125em; margin-bottom: 2.8125em; }

.case-study.view .section.extra-media .inner { text-align: left !important; }

.case-study.view .section.extra-media .inner .video-container { height: 0; position: relative; overflow: hidden; padding-bottom: 65.868263473%; }

.case-study.view .section.extra-media .inner .video-container iframe, .case-study.view .section.extra-media .inner .video-container object, .case-study.view .section.extra-media .inner .video-container embed { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }

.case-study.view .section.extra-media .inner .gallery-container { text-align: left; }

.case-study.view .section.extra-media .inner .gallery-container img { display: block; margin: 0; padding: 0; border: 1px solid #9fa1a4; }

.case-study.view .section.extra-media .inner .gallery-container .cms-lightbox-gallery a { float: left; margin-right: 0.625em; margin-bottom: 0.625em; }

.case-study.view .section.extra-media .inner .gallery-container .cms-lightbox-gallery a:nth-child(4n) { margin-right: 0; }

.case-study.view .section.extra-media .inner .gallery-container .cms-lightbox-gallery a:nth-child(6n) { margin-right: 0.625em; }

.case-study.view .section.more-support { padding-bottom: 0; margin-bottom: 0; }

.case-study.view .section.donate { padding-top: 5.625em; padding-bottom: 3.125em; margin-bottom: 2.8125em; position: relative; }

.case-study.view .section.donate:before { content: ''; display: block; position: absolute; width: 147px; height: 78px; background-color: red; top: 12px; right: 0; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -332px -125px; }

.case-study.view .section.donate .cell .inner { padding: 3.125em 1.875em 1.875em; }

.case-study.view .section.donate .cell .inner p, .case-study.view .section.donate .cell .inner .section.related-items h2, .case-study.view .section.related-items .section.donate .cell .inner h2 { color: white; }

.case-study.view .section.donate .cell .inner .text { padding-right: 1.76471em; }

.case-study.view .section.donate .cell .inner .call-to-action a.button { display: block; position: relative; color: #5a9b33; height: auto; line-height: 1.52941em; padding: 1.47059em 1.17647em 1.47059em 4.70588em; }

.case-study.view .section.donate .cell .inner .call-to-action a.button:before { content: ''; display: block; width: 50px; height: 49px; overflow: hidden; position: absolute; top: 50%; margin-top: -25px; left: 20px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -276px -157px; }

.case-study.view .section.related-items { margin-bottom: 0; padding-bottom: 0.625em; }

.case-study.view .section.related-items h2 { color: #323232; font-size: 1em; }

/* #Services

	For the services view pages.

*/
.service.view .image-container { float: left; padding: 0 1.25em 0.625em 0; }

.service.view .image-container img { border: 1px solid #666; }

.service.view .foundation-membership-call-to-action { margin-top: 20px; }

/* #Articles

	For the blog view pages.

*/
.article.view .image-container { float: right; padding: 0 1.25em 0.625em 1.25em; width: 50%; }

/* #Filter Form

	Form styles for the filter UI used on the Success Stories and Services Listing pages.
	
*/
.filters-container { background-color: #E8E9E9; padding: 2.5em 1.875em 0.625em; margin-bottom: 3.125em; }

.filters-container .field-row { padding-bottom: 1.875em; }

.filters-container .field-row .field-container { width: 44%; float: left; padding-right: 1.25em; }

.filters-container .field-row .field-container.text .input-container { background-color: white; border: 1px solid #9fa1a4; font-size: 0.875em; border-radius: 0.71429em; position: relative; height: 2.85714em; }

.filters-container .field-row .field-container.text .input-container label { position: absolute; width: 34px; height: 34px; cursor: pointer; top: 2px; left: 8px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -275px -11px; }

.filters-container .field-row .field-container.text .input-container input { position: absolute; font-size: 1em; left: 3.4375em; top: 0.5em; width: 90%; outline: none; border: 0; padding: 4px 0; color: #009fdd; }

.filters-container .field-row .field-container.button { width: 12%; float: right; }

.filters-container .field-row .field-container.button button { width: 100%; text-align: center; padding: 0; font-size: 0.875em; }

.filters-container .field-row .field-container.button button:hover, .filters-container .field-row .field-container.button button:focus { text-decoration: underline; }

.filters-container .field-row .field-container.tools .collection { margin-right: 1.42857em; }

.filters-container .field-row .field-container.right-no-margin { padding-right: 0; }

.filters-container .field-row .field-container.full-width { float: none; width: 100%; padding-right: 0; }

.filters-container .field-row .field-container#site-search-keywords { width: 83%; float: left; }

/* #Donate Form

	Some specific styles for the donation page.

*/
.donation-stages-progress { margin-bottom: 1.875em; }

.donation-stages-progress ul { font-size: 1em; height: 3.125em; }

.donation-stages-progress ul li.stage { height: 3.57143em; line-height: 3.57143em; width: 33.3%; float: left; border-left-width: 0; background-color: #ddf5ff; border-left: 4px solid white; }

.donation-stages-progress ul li.stage.first { border-left-width: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.donation-stages-progress ul li.stage.last { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

.donation-stages-progress ul li.stage.reached { background-color: #009fdd; }

.donation-stages-progress ul li.stage.reached span.stage-label { color: white; }

.donation-stages-progress ul li.stage.reached span.stage-label a { color: white; }

.donation-stages-progress ul li.stage.current { height: 4.28571em; line-height: 4.28571em; position: relative; top: -5px; background-color: #009fdd; }

.donation-stages-progress ul li.stage.current span.stage-label { font-size: 1.14em; color: white; }

.donation-stages-progress ul li.stage span.stage-number { display: inline-block; margin-left: 1.25em; text-align: center; width: 28px; height: 28px; line-height: 30px; border-radius: 14px; background-color: white; font-weight: bold; }

.donation-stages-progress ul li.stage.reached span.stage-number, .donation-stages-progress ul li.stage.current span.stage-number { color: #006891; }

.donation-stages-progress ul li.stage.reached span.stage-label, .donation-stages-progress ul li.stage.current span.stage-label { font-weight: bold; }

.donation-stages-progress ul li.stage span.stage-label { display: inline-block; margin-left: 0.9375em; }

@media screen and (max-width: 767px) { .donation-stages-progress ul li.stage { text-align: center; }
  .donation-stages-progress ul li.stage span.stage-number { margin: 0; }
  .donation-stages-progress ul li.stage span.stage-label { display: none; } }

.success-container, .error-container, .message-container { padding: 0.9375em 1.25em 0.3125em; margin-bottom: 1.875em; }

.success-container ul, .error-container ul, .message-container ul { margin-bottom: 0.625em; margin-left: 1.875em; }

.success-container ul li, .error-container ul li, .message-container ul li { padding-left: 0; margin-bottom: 0; margin-left: 0.625em; line-height: 1.71429em; }

.success-container.success-container, .error-container.success-container, .message-container.success-container { background-color: #ebfbe7; color: green; }

.success-container.success-container a, .error-container.success-container a, .message-container.success-container a { color: green; }

.success-container.error-container, .error-container.error-container, .message-container.error-container { background-color: #fbe7e7; color: #cc0000; }

.success-container.error-container a, .error-container.error-container a, .message-container.error-container a { color: #cc0000; }

.success-container.message-container, .error-container.message-container, .message-container.message-container { background-color: #ddf5ff; color: #007aaa; }

.success-container.message-container a, .error-container.message-container a, .message-container.message-container a { color: #007aaa; }

fieldset { margin: 0; border: 0; padding: 0; }

.form-container h2 { margin-top: 1.07143em; }

.form-container .cell.form-group { margin-bottom: 1.875em; }

.form-container .cell.form-group > .inner { padding-bottom: 0.3125em; }

.form-container .cell.form-group.buttons { padding-top: 0; padding-bottom: 0; border-color: transparent; background: transparent; margin-bottom: 0; }

.form-container .cell.form-group.buttons p.button-container, .form-container .cell.form-group.buttons .case-study.view .section.related-items h2.button-container, .case-study.view .section.related-items .form-container .cell.form-group.buttons h2.button-container { font-size: 1em; }

.form-container .cell.form-group .form-row .field-container { padding-bottom: 1.42857em; font-size: 0.875em; line-height: 2.14286em; }

.form-container .cell.form-group .form-row .field-container .field-container { font-size: 1em; }

.form-container .cell.form-group .form-row .field-container label { font-weight: bold; }

.form-container .cell.form-group .form-row .field-container label.light { font-weight: normal; }

.form-container .cell.form-group .form-row .field-container span.required { font-weight: normal; font-size: 0.85714em; color: #CC0000; }

.form-container .cell.form-group .form-row .field-container .label-container { float: left; width: 180px; text-align: right; }

.form-container .cell.form-group .form-row .field-container .input-container { margin-left: 195px; }

.form-container .cell.form-group .form-row .field-container .input-container .nested-group .field-container { padding-bottom: 0; padding-right: 20px; float: left; }

.form-container .cell.form-group .form-row .field-container .input-container .nested-group .field-container .label-container { float: left; width: auto; padding-right: 15px; }

.form-container .cell.form-group .form-row .field-container .input-container .nested-group .field-container .input-container { margin-left: 0; float: left; }

.form-container .cell.form-group .form-row .field-container.no-label > .input-container { margin-left: 0; }

.form-container .cell.form-group .form-row .field-container.stacked .label-container { float: none; width: 100%; text-align: left; }

.form-container .cell.form-group .form-row .field-container.stacked .input-container { margin-left: 0; }

.form-container .cell.form-group .form-row .field-container.textarea .input-container .textarea-item textarea { outline: none; border-width: 2px; border-style: solid; border-color: #9fa1a4; padding: 5px 2px 4px 4px; width: 99%; }

.form-container .cell.form-group .form-row .field-container.text .input-container .text-item span.input-prefix { font-size: 1.125em; }

.form-container .cell.form-group .form-row .field-container.text .input-container .text-item input { outline: none; border-width: 2px; border-style: solid; border-color: #9fa1a4; padding: 5px 2px 4px 4px; }

.form-container .cell.form-group .form-row .field-container.text.medium .input-container .text-item input { width: 69%; }

.form-container .cell.form-group .form-row .field-container.text.large .input-container .text-item input { width: 99%; }

.form-container .cell.form-group .form-row .field-container.radio-group .input-container .radio-items .radio-item { float: left; padding-right: 20px; }

.form-container .cell.form-group .form-row .field-container.radio-group .input-container .radio-items .radio-item label { font-weight: normal; }

.form-container .cell.form-group .form-row .field-container.select .input-container .select-item select { width: auto; }

.form-container .cell.form-group .form-row .field-container.error .label-container:before { content: ''; display: inline-block; height: 16px; width: 16px; overflow: hidden; position: relative; top: 2px; margin-right: 1px; background-image: url(../graphics/sprite.png); background-repeat: no-repeat; background-color: transparent; background-position: -367px -1px; }

.form-container .cell.form-group .form-row .field-container.error.text .input-container .text-item input { background-color: #fff3f5; color: #cc0000; border-color: #cc0000; }

.form-container .cell.form-group .form-row .field-container.error.textarea .input-container .textarea-item textarea { background-color: #fff3f5; color: #cc0000; border-color: #cc0000; }

@media screen and (max-width: 767px) { .form-container .cell.form-group .form-row .field-container#field_purchase_amount_other .label-container { float: none; text-align: left; }
  .form-container .cell.form-group .form-row .field-container#field_purchase_amount_other .input-container { margin-left: 0; } }

.custom-block.highlightsrow ul { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -15px 45px; }

.custom-block.highlightsrow ul li { flex: 1; margin: 0 15px 15px; background-color: #009fdd; border-radius: 8px; overflow: hidden; }

.custom-block.highlightsrow ul li .image-container { display: block; width: 100%; height: 0; padding-top: 60%; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.custom-block.highlightsrow ul li .description { padding: 10px 10px 60px; position: relative; color: white; min-height: 156px; font-size: 1rem; }

.custom-block.highlightsrow ul li .description .link { position: absolute; right: 10px; bottom: 10px; }

.custom-block.highlightsrow ul li .description .link a { color: #009fdd; }

@media screen and (max-width: 767px) { .custom-block.highlightsrow ul li { min-width: 80%; } }

.custom-block.accordion { position: relative; margin-bottom: 20px; }

.custom-block.accordion input { visibility: hidden; opacity: 0; position: absolute; }

.custom-block.accordion label { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 15px 20px; background-color: #d9f1fa; border-radius: 8px; cursor: pointer; }

.custom-block.accordion label h2 { margin: 0; }

@media (max-width: 600px) { .custom-block.accordion label h2 { font-size: 22px; } }

.custom-block.accordion label .twirler { flex: 0 0 60px; height: 30px; position: relative; }

.custom-block.accordion label .twirler:before { display: block; content: ''; width: 30px; height: 2px; background-color: #6cb541; position: absolute; right: 0; top: 14px; }

.custom-block.accordion label .twirler:after { display: block; content: ''; height: 30px; width: 2px; background-color: #6cb541; position: absolute; right: 14px; top: 0; transform: rotate(90deg); transition: all 0.3s; }

.custom-block.accordion .content { padding: 20px 10px 40px; overflow: hidden; }

.custom-block.accordion .content table { margin: auto; border-collapse: collapse; min-width: 50%; }

.custom-block.accordion .content table tr td { border: 1px solid #009fdd; padding: 10px; }

.custom-block.accordion .content table tr td p, .custom-block.accordion .content table tr td .case-study.view .section.related-items h2, .case-study.view .section.related-items .custom-block.accordion .content table tr td h2 { margin-bottom: 0; }

.custom-block.accordion .content table tr:first-child td p, .custom-block.accordion .content table tr:first-child td .case-study.view .section.related-items h2, .case-study.view .section.related-items .custom-block.accordion .content table tr:first-child td h2 { font-weight: 700; }

.custom-block.accordion input:not(:checked) ~ label .twirler:after { transform: rotate(0deg); }

.custom-block.accordion input:not(:checked) ~ .content { height: 0; padding: 0 10px; }

.custom-block.impact .impacts { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 1rem 0rem 3rem; }

.custom-block.impact .impacts .item { flex: 0 0 calc(33% - 4rem); text-align: right; margin: 0 0rem 3rem; }

.custom-block.impact .impacts .item .small { display: block; color: #009fdd; font-size: 20px; margin-bottom: 10px; white-space: nowrap; }

.custom-block.impact .impacts .item .big { display: block; font-size: 50px; color: #6cb541; white-space: nowrap; }

@media screen and (min-width: 1000px) { .custom-block.impact .impacts .item { margin-left: 2rem; margin-right: 2rem; } }

@media screen and (max-width: 767px) { .custom-block.impact .impacts .item { flex-basis: 100%; text-align: center; } }

.custom-block.button { display: block; margin: 0 0 1.5rem; }

.custom-block.button a { display: inline-block; background-color: #6cb541; color: white; padding: 15px 30px; border-radius: 8px; text-decoration: none; font-family: "museo-slab",serif; font-weight: 500; font-size: 1.75em; transition: all 0.3s; }

.custom-block.button a:hover { background-color: #568f34; }

@media (max-width: 600px) { .custom-block.button a { font-size: 22px; } }

.blockOfimage .embedded { text-align: center; }

.section.main.cmcf { background-color: #F7F6F4; font-size: 18px; }

.section.main.cmcf .home a { display: block; color: #5091CD; text-decoration: none; margin-top: -40px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }

.section.main.cmcf .home a .arrow { display: inline-block; width: 0; height: 0; border-width: 10px 20px 10px 0; border-color: transparent #263287 transparent transparent; border-style: solid; margin-right: 8px; transition: all 0.3s; }

.section.main.cmcf .home a .return { font-size: 0; }

.section.main.cmcf .home a .haclogo { display: inline-block; font-size: 0; background-image: url(../graphics/haclogo.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 130px; height: 70px; margin-left: 10px; }

.section.main.cmcf .home a:hover .arrow { border-color: transparent #5091CD transparent transparent; }

@media (max-width: 767px) { .section.main.cmcf .home a { margin-top: 0; } }

.section.main.cmcf .logo { text-align: center; padding: 100px 20px 50px; }

.section.main.cmcf .logo img { max-width: 800px; }

.section.main.cmcf .navi { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-around; margin-bottom: 130px; }

.section.main.cmcf .navi a { flex: 0 0 auto; padding: 10px 30px; background-color: #263287; color: white !important; font-size: 20px; border-radius: 8px; text-decoration: none; transition: all 0.3s; margin: 0 10px 20px; text-align: center; }

.section.main.cmcf .navi a:hover { background-color: #5091CD; }

@media (max-width: 767px) { .section.main.cmcf .navi a { flex: 0 0 80%; } }

.section.main.cmcf .navi.green { margin-left: -150px; margin-right: -150px; justify-content: space-between; }

.section.main.cmcf .navi.green h2 { text-align: center; flex: 0 0 100%; font-size: 2em; }

.section.main.cmcf .navi.green a { padding: 10px; background-color: #20AA4D; margin: 0 0 20px; font-family: "museo-slab",serif; font-weight: 500; font-size: 1.5em; }

@media (max-width: 1200px) { .section.main.cmcf .navi.green { margin-left: 10vw; margin-right: 10vw; }
  .section.main.cmcf .navi.green a { flex-basis: 100%; } }

@media (max-width: 600px) { .section.main.cmcf .navi.green { margin-left: 0; margin-right: 0; } }

.section.main.cmcf .body h2 { color: #20AA4D; }

.section.main.cmcf .body h4 { color: #263287; }

.section.main.cmcf .blockOfhtml { max-width: 865px; margin-left: auto; margin-right: auto; }

.section.main.cmcf .blockOfhtml h2 { margin-top: 80px; }

.section.main.cmcf .blockOfhtml img { margin: 25px -83px; max-width: calc(100% + 165px); }

.section.main.cmcf .blockOfhtml a { color: #5091CD; }

.section.main.cmcf blockquote { color: #263287; border-left: 0; font-size: 20px; }

.section.main.cmcf .custom-block.accordion { max-width: 1030px; margin: 0 auto 25px; }

.section.main.cmcf .custom-block.accordion label { background-color: #5091CD; transition: all 0.3s; }

.section.main.cmcf .custom-block.accordion label h2 { color: white; }

@media (max-width: 600px) { .section.main.cmcf .custom-block.accordion label h2 { font-size: 22px; } }

.section.main.cmcf .custom-block.accordion label .twirler::before, .section.main.cmcf .custom-block.accordion label .twirler::after { background-color: white; }

.section.main.cmcf .custom-block.accordion label:hover { background-color: #263287; }

.section.main.cmcf .custom-block.accordion .content { max-width: 865px; margin: auto; }

.section.main.cmcf .custom-block.button { max-width: 1030px; margin-left: auto; margin-right: auto; text-align: center; }

.section.main.cmcf .custom-block.button a { background-color: #20AA4D; }

.custom-block.prorities_impacts { max-width: 1030px; margin: 50px auto; }

.custom-block.prorities_impacts .group { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.custom-block.prorities_impacts .group > div { border-radius: 8px; padding: 15px; background-color: white; margin-bottom: 2%; }

.custom-block.prorities_impacts .group > div ul { margin-left: 40px; }

.custom-block.prorities_impacts .group > div ul li { padding-left: 10px; }

.custom-block.prorities_impacts .group > div:first-child { flex: 0 0 66%; }

.custom-block.prorities_impacts .group > div:last-child { flex: 0 0 32%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; }

.custom-block.prorities_impacts .group > div:last-child span { flex: 0 0 100%; display: block; padding-bottom: 55px; font-size: 22px; background-position: center bottom; background-repeat: no-repeat; background-size: auto 47px; }

.custom-block.prorities_impacts .group.headings > div { color: white; font-size: 30px; text-align: center; }

.custom-block.prorities_impacts .group.headings > div:first-child { background-color: #20AA4D; }

.custom-block.prorities_impacts .group.headings > div:last-child { background-color: #5091CD; }

@media (max-width: 600px) { .custom-block.prorities_impacts .group { margin-bottom: 10px; }
  .custom-block.prorities_impacts .group div:first-child { flex: 0 0 100%; border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; }
  .custom-block.prorities_impacts .group div:last-child { flex: 0 0 100%; border-top: 1px solid #F7F6F4; border-top-left-radius: 0; border-top-right-radius: 0; } }

.custom-block.prorities_impacts .areas { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }

.custom-block.prorities_impacts .areas .t { flex: 1 1 auto; font-size: 25px; font-weight: 700; padding: 10px 0; }

.custom-block.prorities_impacts .areas .g { flex: 1 1 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }

.custom-block.prorities_impacts .areas .g span { flex: 1 1 auto; padding: 15px 15px 12px 55px; background-position: left center; background-size: auto 47px; background-repeat: no-repeat; font-size: 18px; }

@media (max-width: 600px) { .custom-block.prorities_impacts .areas .g span { flex: 0 0 100%; } }

/* #Block UI Styles

	Styles for the block widgets.

*/
.UIWidget .autocompleter-container { font-size: 16px; }

.UIWidget .autocompleter-container input.input-item-search { border: 2px solid #CCC; padding: 4px; width: 97%; font-size: 0.875em; font-family: "museo-sans", sans-serif; }

.UIWidget .item-container { font-size: 16px; }

.UIWidget .item-container .item-summary { border: 1px dashed #ccc; padding: 4px 6px; position: relative; background-color: white; }

.UIWidget .item-container .item-summary .item-title { margin: 0.35em 25px 0.5em 0; font-weight: bold; font-size: 0.75em; line-height: 1.3em; color: black; }

.UIWidget .item-container .item-summary .item-intro { margin: 0 25px 0.5em 0; font-size: 0.75em; line-height: 1.3em; }

.UIWidget .item-container .item-summary a.remove-item { display: block; width: 24px; height: 24px; background: url(/core/design/icons/delete.png) center center no-repeat; text-decoration: none; position: absolute; top: 1px; right: 1px; cursor: pointer; }

.UIWidget .item-container .item-summary a.remove-item span { display: none; }

ul.ui-complete { font-size: 16px; }

ul.ui-complete li { font-size: 0.875em; }

/* #Media Queries 

	Some basic media query placeholders to get you started.

*/
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) { .section.header { height: 5em; }
  .section.header .site-logo { top: 0.4375em; }
  .section.header .site-logo, .section.header .site-logo a { width: 3.6875em; height: 4.10417em; }
  .section.header .site-logo a { background-size: 111px; background-position: right center; }
  .section.header .links, .section.header .social-media { top: 0.625em; }
  .section.navigation ul { margin: 0 !important; }
  .section.navigation ul li { height: auto; line-height: inherit; }
  .section.navigation ul li a { font-size: 0.9375em; padding: 0; }
  .section.navigation ul li.first { padding-left: 0; } }

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { .section.home-icons .homepage-icon { /* .label { border-top: 1px solid #6bc6c5; padding-top: em-calc(30); padding-bottom: em-calc(35); p { font-size: em-calc(16); line-height: em-calc(20, 16); a { white-space: nowrap; color: #fff; @extend .font-museo-slab-500; } } } */ }
  .section.home-icons .homepage-icon .icon a { display: none; width: 100%; height: 8.25em; overflow: hidden; }
  .section.home-icons .homepage-icon .icon a.question { background-position: 0px -250px; }
  .section.home-icons .homepage-icon .icon a.briefcase { background-position: -135px -250px; }
  .section.home-icons .homepage-icon .icon a.speech { background-position: -270px -250px; }
  .section.home-icons .homepage-icon .icon a.person { background-position: 0px -383px; }
  .section.home-icons .homepage-icon .icon a.dollars { background-position: -135px -383px; }
  .section.home-icons .homepage-icon .icon a.book { background-position: -270px -383px; } }

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { .section.micro-footer p > span, .section.micro-footer .case-study.view .section.related-items h2 > span, .case-study.view .section.related-items .section.micro-footer h2 > span { display: block; } }

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { .upper-for-large { text-transform: none; }
  /* @todo - stack the menu - stack the top menu - remove the header logo - remove the highlight descriptions */ }

/* #Print

	Put your print styles here.

*/
/* #Font-face

	This is the proper syntax for an @font-face file
	Just create a "fonts" folder at the root,
	copy your FontName into code below and remove
	comment brackets 
	
*/
/*	@font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */