/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, ../scss/partials/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../scss/partials/_normalize.scss */
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.
 */
/* line 51, ../scss/partials/_normalize.scss */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, ../scss/partials/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 88, ../scss/partials/_normalize.scss */
a {
  background: transparent;
}

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

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

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

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

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

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

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
/* line 165, ../scss/partials/_normalize.scss */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
/* line 176, ../scss/partials/_normalize.scss */
pre {
  margin: 0;
}

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

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

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

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 211, ../scss/partials/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/* line 217, ../scss/partials/_normalize.scss */
small, .small {
  font-size: 75%;
}

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

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

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

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
/* line 249, ../scss/partials/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

/* line 256, ../scss/partials/_normalize.scss */
dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
/* line 264, ../scss/partials/_normalize.scss */
menu {
  padding: 0 0 0 40px;
}

/* line 268, ../scss/partials/_normalize.scss */
ol,
ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
/* line 278, ../scss/partials/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

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

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

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

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

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

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

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

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

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

/**
 * Re-set default cursor for disabled elements.
 */
/* line 397, ../scss/partials/_normalize.scss */
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.
 */
/* line 407, ../scss/partials/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

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

/* line 470, ../scss/partials/_normalize.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 477, ../scss/partials/_normalize.scss */
.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* line 485, ../scss/partials/_normalize.scss */
.clearfix, .cf, .comment-respond {
  zoom: 1;
}
/* line 487, ../scss/partials/_normalize.scss */
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  content: "";
  display: table;
}
/* line 491, ../scss/partials/_normalize.scss */
.clearfix:after, .cf:after, .comment-respond:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
/* line 500, ../scss/partials/_normalize.scss */
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
@font-face {
  font-family: 'Bariol';
  src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
  src: url("../fonts/Bariol_Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bariol';
  src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
  src: url("../fonts/Bariol_Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
/* line 88, ../scss/partials/_typography.scss */
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
/* line 35, ../scss/partials/_grid.scss */
.last-col {
  float: right;
  padding-right: 0 !important;
}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
  /* line 48, ../scss/partials/_grid.scss */
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  /* line 54, ../scss/partials/_grid.scss */
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  /* line 59, ../scss/partials/_grid.scss */
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  /* line 64, ../scss/partials/_grid.scss */
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  /* line 69, ../scss/partials/_grid.scss */
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  /* line 74, ../scss/partials/_grid.scss */
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
}
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  /* line 86, ../scss/partials/_grid.scss */
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  /* line 92, ../scss/partials/_grid.scss */
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  /* line 97, ../scss/partials/_grid.scss */
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  /* line 102, ../scss/partials/_grid.scss */
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  /* line 107, ../scss/partials/_grid.scss */
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  /* line 112, ../scss/partials/_grid.scss */
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  /* line 117, ../scss/partials/_grid.scss */
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  /* line 122, ../scss/partials/_grid.scss */
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  /* line 127, ../scss/partials/_grid.scss */
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  /* line 132, ../scss/partials/_grid.scss */
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
}
/* Landscape to small desktop */
@media (min-width: 1030px) {
  /* line 144, ../scss/partials/_grid.scss */
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  /* line 150, ../scss/partials/_grid.scss */
  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  /* line 155, ../scss/partials/_grid.scss */
  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  /* line 160, ../scss/partials/_grid.scss */
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  /* line 165, ../scss/partials/_grid.scss */
  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  /* line 170, ../scss/partials/_grid.scss */
  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  /* line 175, ../scss/partials/_grid.scss */
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  /* line 180, ../scss/partials/_grid.scss */
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  /* line 185, ../scss/partials/_grid.scss */
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  /* line 190, ../scss/partials/_grid.scss */
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }

  /* line 195, ../scss/partials/_grid.scss */
  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }

  /* line 200, ../scss/partials/_grid.scss */
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }

  /* line 205, ../scss/partials/_grid.scss */
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }

  /* line 210, ../scss/partials/_grid.scss */
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }

  /* line 215, ../scss/partials/_grid.scss */
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }

  /* line 220, ../scss/partials/_grid.scss */
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }

  /* line 225, ../scss/partials/_grid.scss */
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }

  /* line 230, ../scss/partials/_grid.scss */
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }

  /* line 235, ../scss/partials/_grid.scss */
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }

  /* line 240, ../scss/partials/_grid.scss */
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }

  /* line 245, ../scss/partials/_grid.scss */
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }

  /* line 250, ../scss/partials/_grid.scss */
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
}
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
/* line 13, ../scss/modules/_alerts.scss */
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

/* line 19, ../scss/modules/_alerts.scss */
.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

/* line 25, ../scss/modules/_alerts.scss */
.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

/* line 31, ../scss/modules/_alerts.scss */
.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

/* line 37, ../scss/modules/_alerts.scss */
.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
/* line 27, ../scss/modules/_buttons.scss */
.blue-btn, .comment-reply-link, #submit {
  display: inline-block;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
  font-size: 34px;
  line-height: 34px;
  font-weight: normal;
  padding: 0 24px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
/* line 44, ../scss/modules/_buttons.scss */
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
/* line 52, ../scss/modules/_buttons.scss */
.blue-btn:active, .comment-reply-link:active, #submit:active {
  top: 1px;
}

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
/* line 66, ../scss/modules/_buttons.scss */
.blue-btn, .comment-reply-link, #submit {
  background-color: #2980b9;
}
/* line 70, ../scss/modules/_buttons.scss */
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
  background-color: #2574a8;
}
/* line 76, ../scss/modules/_buttons.scss */
.blue-btn:active, .comment-reply-link:active, #submit:active {
  background-color: #2472a4;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
/* line 24, ../scss/modules/_forms.scss */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #555555;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #F0F0F0;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
/* line 59, ../scss/modules/_forms.scss */
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: #fafafa;
  outline: none;
}
/* line 67, ../scss/modules/_forms.scss */
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}
/* line 80, ../scss/modules/_forms.scss */
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}
/* line 93, ../scss/modules/_forms.scss */
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}
/* line 99, ../scss/modules/_forms.scss */
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

/* line 113, ../scss/modules/_forms.scss */
input[type="password"] {
  letter-spacing: 0.3em;
}

/* line 118, ../scss/modules/_forms.scss */
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

/* line 125, ../scss/modules/_forms.scss */
select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
/* line 18, ../scss/breakpoints/_base.scss */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #555555;
  background-color: #F0F0F0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

/* line 32, ../scss/breakpoints/_base.scss */
iframe {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  margin: 20px 0;
}

/* line 37, ../scss/breakpoints/_base.scss */
.compare-map iframe {
  box-shadow: none;
}

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* line 52, ../scss/breakpoints/_base.scss */
.home .index-row {
  flex-direction: row;
  justify-content: space-between;
}

/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* line 79, ../scss/breakpoints/_base.scss */
.search .index-row .row-container {
  justify-content: space-between;
}

/* line 83, ../scss/breakpoints/_base.scss */
.search article {
  margin: 0 0 50px !important;
  width: 325px !important;
  max-width: 325px !important;
}

/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* line 106, ../scss/breakpoints/_base.scss */
.archive h1 {
  font-size: 48px;
}

/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
/* line 208, ../scss/breakpoints/_base.scss */
.wrap {
  width: 96%;
  margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
/* line 217, ../scss/breakpoints/_base.scss */
a, a:visited {
  color: #fff;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 233, ../scss/breakpoints/_base.scss */
a:link, a:visited:link {
        /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 247, ../scss/breakpoints/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
    /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/
  /* removing text decoration from all headline links */
}
/* line 260, ../scss/breakpoints/_base.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/* line 265, ../scss/breakpoints/_base.scss */
h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em;
}

/* line 270, ../scss/breakpoints/_base.scss */
h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

/* line 276, ../scss/breakpoints/_base.scss */
h3, .h3 {
  font-size: 1.125em;
}

/* line 280, ../scss/breakpoints/_base.scss */
h4, .h4 {
  font-size: 1.1em;
  font-weight: 700;
}

/* line 285, ../scss/breakpoints/_base.scss */
h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/*********************
HEADER STYLES
*********************/
/* line 296, ../scss/breakpoints/_base.scss */
.header {
  background-color: #fff;
  border-bottom: 1px solid #efefef;
  height: 163px;
}
/* line 300, ../scss/breakpoints/_base.scss */
.no-home .header {
  height: 80px;
  display: list-item;
}
@-moz-document url-prefix() {
  /* line 300, ../scss/breakpoints/_base.scss */
  .no-home .header {
    display: flex;
  }
}
/* line 307, ../scss/breakpoints/_base.scss */
.header nav {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-around;
  height: 73px;
  width: 60%;
  margin: 0 auto;
  align-items: center;
}
/* line 317, ../scss/breakpoints/_base.scss */
.no-home .header nav {
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  float: right;
  height: 100%;
}
/* line 324, ../scss/breakpoints/_base.scss */
.header nav span {
  text-transform: uppercase;
  color: #555555;
  font-size: 16px;
  letter-spacing: 1.1px;
  cursor: pointer;
  height: 24px;
}
/* line 331, ../scss/breakpoints/_base.scss */
.header nav span.current {
  box-shadow: 0px 3px 0 #0475cc;
  top: 1px;
  color: #0475cc;
  padding-bottom: 26px;
}
/* line 336, ../scss/breakpoints/_base.scss */
.header nav span.current a:hover {
  color: #0475cc;
}
/* line 341, ../scss/breakpoints/_base.scss */
.header nav a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}
/* line 345, ../scss/breakpoints/_base.scss */
.header nav a:hover {
  color: black;
  position: relative;
}
/* line 348, ../scss/breakpoints/_base.scss */
.header nav a:hover:before {
  content: '';
  height: 5px;
  width: 100%;
  background-color: #0475cc;
  opacity: 0.1;
  top: -30px;
  position: absolute;
}
/* line 359, ../scss/breakpoints/_base.scss */
.header nav img {
  opacity: 0.6;
  position: relative;
  top: -10px;
  transform: scale(1.3);
  transition: opacity 0.3s ease;
}
/* line 365, ../scss/breakpoints/_base.scss */
.header nav img:hover {
  opacity: 0.8;
}
/* line 369, ../scss/breakpoints/_base.scss */
.header nav input {
  display: none;
}
/* line 371, ../scss/breakpoints/_base.scss */
.header nav input.visible {
  background: transparent;
  border-bottom: 1px dotted #555;
  height: 30px;
  width: 150px;
  display: inline;
  position: relative;
  top: -5px;
  left: 5px;
  padding: 0;
}
/* line 383, ../scss/breakpoints/_base.scss */
.header nav .search-open-dri {
  display: none;
}
/* line 385, ../scss/breakpoints/_base.scss */
.header nav .search-open-dri.visible {
  display: inline-block;
  height: 30px;
  width: 30px;
  background: url("../images/search-w.svg") no-repeat 50% 50%;
  background-color: #fff;
  -webkit-mask: url("../images/search-w.svg") no-repeat 50% 50%;
  mask: url("../images/search-w.svg") no-repeat 50% 50%;
}
/* line 395, ../scss/breakpoints/_base.scss */
.header nav .search-container {
  display: inline-flex;
  position: relative;
  background-color: #1477c9;
  top: 0;
  border-radius: 4px;
  left: 10px;
  height: 30px;
}
/* line 405, ../scss/breakpoints/_base.scss */
.header .hr {
  box-shadow: 0px 1px #efefef;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
}
/* line 412, ../scss/breakpoints/_base.scss */
.no-home .header .hr {
  display: none;
}
/* line 416, ../scss/breakpoints/_base.scss */
.header #logo {
  margin: 0.4em 0;
}
/* line 418, ../scss/breakpoints/_base.scss */
.no-home .header #logo {
  display: inline;
}
@-moz-document url-prefix() {
  /* line 418, ../scss/breakpoints/_base.scss */
  .no-home .header #logo {
    display: inline-block;
  }
}
/* line 424, ../scss/breakpoints/_base.scss */
.header #logo a {
  color: #fff;
}

/* line 431, ../scss/breakpoints/_base.scss */
.home .header nav a:hover:before {
  content: none;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
/* line 448, ../scss/breakpoints/_base.scss */
.nav {
  border-bottom: 0;
  margin: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 452, ../scss/breakpoints/_base.scss */
.nav li {
        /*
		so you really have to rethink your dropdowns for mobile.
		you don't want to have it expand too much because the
		screen is so small. How you manage your menu should
		depend on the project. Here's some great info on it:
		http://www.alistapart.com/articles/organizing-mobile/
		*/
}
/* line 454, ../scss/breakpoints/_base.scss */
.nav li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.75em;
            /*
			remember this is for mobile ONLY, so there's no need
			to even declare hover styles here, you can do it in
			the style.scss file where it's relevant. We want to
			keep this file as small as possible!
			*/
}
/* line 489, ../scss/breakpoints/_base.scss */
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
/* line 532, ../scss/breakpoints/_base.scss */
#map-fake {
  height: 580px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  transition: background-color 0.2s ease;
}
/* line 544, ../scss/breakpoints/_base.scss */
#map-fake:after {
  content: "";
  background: url(../images/bg-home-header.jpg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
}
/* line 555, ../scss/breakpoints/_base.scss */
#map-fake .what-list {
  background: rgba(14, 95, 162, 0.3);
  color: #fff;
  width: 70%;
  max-width: 855px;
  padding: 30px 10% 70px;
  text-align: center;
}
/* line 562, ../scss/breakpoints/_base.scss */
#map-fake .what-list h2 {
  font-size: 49px;
  line-height: 40px;
  text-transform: uppercase;
  width: 100%;
}
/* line 568, ../scss/breakpoints/_base.scss */
#map-fake .what-list h3 {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.6px;
  width: 100%;
}
/* line 574, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-around;
  width: 100%;
}
/* line 581, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav a {
  width: 110px;
  text-decoration: none;
  padding: 10px;
  box-sizing: content-box;
}
/* line 586, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav a:hover {
  background-color: #0e5fa2;
}
/* line 590, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav span {
  width: 110px;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 0.7px;
  cursor: pointer;
}
/* line 596, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav span i {
  height: 100px;
  background-size: 50px;
  width: 100px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-color: white;
  border: 0;
  background-position: 50%, 50%;
  display: block;
  margin: 0px auto 20px;
}
/* line 609, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav span i.img-pile-1 {
  background-image: url("../images/pile-1.png");
}
/* line 609, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav span i.img-pile-2 {
  background-image: url("../images/pile-2.png");
}
/* line 609, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav span i.img-pile-3 {
  background-image: url("../images/pile-3.png");
}
/* line 609, ../scss/breakpoints/_base.scss */
#map-fake .what-list > nav span i.img-pile-4 {
  background-image: url("../images/pile-4.png");
}

/* line 619, ../scss/breakpoints/_base.scss */
.what-explore {
  background: white;
  font-size: 20px;
  letter-spacing: 0.6px;
  color: #1477c9;
  position: relative;
  top: -24px;
  height: 48px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  width: 330px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 20px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* line 638, ../scss/breakpoints/_base.scss */
.what-explore a {
  text-decoration: none;
  color: inherit;
  width: 100%;
  height: 100%;
  line-height: 48px;
  text-align: center;
}
/* line 645, ../scss/breakpoints/_base.scss */
.what-explore a:hover {
  background-color: #e6f1fa;
}

/* line 651, ../scss/breakpoints/_base.scss */
.explore-buttons {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: calc(48px / 2);
  left: 0;
}
/* line 662, ../scss/breakpoints/_base.scss */
.explore-buttons .what-explore {
  margin: 0 30px;
}
/* line 664, ../scss/breakpoints/_base.scss */
.explore-buttons .what-explore:first-child {
  background-color: #1477c9;
  color: #fff;
}
/* line 667, ../scss/breakpoints/_base.scss */
.explore-buttons .what-explore:first-child a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* line 674, ../scss/breakpoints/_base.scss */
#explore-more {
  height: 360px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.2);
  transition: background-color 0.2s ease;
}
/* line 690, ../scss/breakpoints/_base.scss */
#explore-more:after {
  content: "";
  background: url(../images/map-resource.jpg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
}
/* line 701, ../scss/breakpoints/_base.scss */
#explore-more section {
  width: 70%;
  height: 60%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(20, 119, 201, 0.8);
  color: white;
  text-align: center;
}
/* line 714, ../scss/breakpoints/_base.scss */
#explore-more section .what-explore {
  top: 34px;
  height: 66px;
}
/* line 718, ../scss/breakpoints/_base.scss */
#explore-more section h2 {
  font-size: 49px;
  line-height: 40px;
  text-transform: uppercase;
}
/* line 723, ../scss/breakpoints/_base.scss */
#explore-more section h3 {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.6px;
}

/* line 731, ../scss/breakpoints/_base.scss */
.single #explore-more {
  margin: 130px 0 0 0;
}
/* line 733, ../scss/breakpoints/_base.scss */
.single #explore-more .what-explore a {
  line-height: 66px;
}

/* line 738, ../scss/breakpoints/_base.scss */
.single .index-row.more-content .row-container article {
  margin: 0px 0px 40px;
}

/* line 742, ../scss/breakpoints/_base.scss */
.index-title {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  margin: 0px 0 -50px;
}
/* line 749, ../scss/breakpoints/_base.scss */
.index-title h3 {
  font-size: 48px;
  text-transform: capitalize;
  color: #555;
  margin: 0;
}
/* line 755, ../scss/breakpoints/_base.scss */
.index-title:first-child {
  margin: 40px 0 -50px;
}

/* line 760, ../scss/breakpoints/_base.scss */
.index-separator {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  margin: -40px 0 0px;
  clear: both;
}
/* line 768, ../scss/breakpoints/_base.scss */
.index-separator span {
  display: block;
  height: 1px;
  background: #c0c0c0;
  width: 38%;
  box-shadow: 0px 0px 5px #fff;
}
/* line 776, ../scss/breakpoints/_base.scss */
.index-separator a {
  text-decoration: none;
  cursor: default;
}
/* line 779, ../scss/breakpoints/_base.scss */
.index-separator a span {
  cursor: pointer;
  width: 200px;
  background: #db0033;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  transition: background 0.3s ease;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4);
  position: relative;
  top: -35px;
}
/* line 800, ../scss/breakpoints/_base.scss */
.index-separator a span:hover:hover {
  background: #ff0f47;
}

/* line 807, ../scss/breakpoints/_base.scss */
.index-row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  margin: 85px 0;
}
/* line 814, ../scss/breakpoints/_base.scss */
.index-row#news .row-container {
  width: 70%;
}
/* line 817, ../scss/breakpoints/_base.scss */
.index-row.more-content {
  display: block;
  margin: 0 auto;
}
/* line 820, ../scss/breakpoints/_base.scss */
.index-row.more-content .row-container {
  justify-content: space-between;
}
/* line 822, ../scss/breakpoints/_base.scss */
.index-row.more-content .row-container article {
  margin: 0px 0px 15px;
}
/* line 826, ../scss/breakpoints/_base.scss */
.index-row.more-content h3 {
  margin: 30px 0 20px 0px;
  color: #555;
  font-size: 30px;
}
/* line 832, ../scss/breakpoints/_base.scss */
.index-row .row-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-wrap: wrap;
}
/* line 838, ../scss/breakpoints/_base.scss */
.index-row .row-container > a {
  text-decoration: none;
}
/* line 842, ../scss/breakpoints/_base.scss */
.index-row.last-resources {
  margin: 60px 0 !important;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
/* line 848, ../scss/breakpoints/_base.scss */
.index-row.last-resources .row-container {
  width: 100%;
  justify-content: space-between;
}
/* line 852, ../scss/breakpoints/_base.scss */
.index-row.last-resources a {
  text-decoration: none;
  width: calc(100% / 3);
}
/* line 856, ../scss/breakpoints/_base.scss */
.index-row.last-resources .resource-cont {
  width: 100%;
  background-size: contain;
}
/* line 861, ../scss/breakpoints/_base.scss */
.index-row article {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
/* line 864, ../scss/breakpoints/_base.scss */
.index-row article,
.index-row .card-third {
  max-width: 315px;
  margin: 0 15px 50px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 350px;
  overflow: hidden;
  position: relative;
}
/* line 877, ../scss/breakpoints/_base.scss */
.index-row article.first-text,
.index-row .card-third.first-text {
  display: block;
}
/* line 880, ../scss/breakpoints/_base.scss */
.index-row article.project,
.index-row .card-third.project {
  max-width: 325px;
  width: 325px;
  margin: 0 0px 50px;
}
/* line 885, ../scss/breakpoints/_base.scss */
.index-row article .entry-content,
.index-row .card-third .entry-content {
  overflow: hidden;
  height: 115px;
  font-size: 15px;
  display: -webkit-box;
  line-height: 24px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  position: relative;
}
/* line 895, ../scss/breakpoints/_base.scss */
.index-row article .entry-content > p,
.index-row .card-third .entry-content > p {
  margin: 0;
}
/* line 899, ../scss/breakpoints/_base.scss */
.index-row article.resource-cont,
.index-row .card-third.resource-cont {
  position: relative;
  max-width: 678px;
  height: 345px;
  width: 678px;
  margin: 0;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s ease;
}
/* line 900, ../scss/breakpoints/_base.scss */
.index-row article.resource-cont:after,
.index-row .card-third.resource-cont:after {
  content: "";
  background: url(../images/InaSafe-video.jpg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
}
/* line 911, ../scss/breakpoints/_base.scss */
.index-row article.resource-cont.--scnd-img:after,
.index-row .card-third.resource-cont.--scnd-img:after {
  background-image: url(../images/gfdrr-2012.jpg);
}
/* line 924, ../scss/breakpoints/_base.scss */
.index-row article.resource-cont:hover,
.index-row .card-third.resource-cont:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 927, ../scss/breakpoints/_base.scss */
.index-row article.resource-cont section,
.index-row .card-third.resource-cont section {
  color: #fff;
  text-align: center;
}
/* line 930, ../scss/breakpoints/_base.scss */
.index-row article.resource-cont section h3,
.index-row .card-third.resource-cont section h3 {
  font-size: 32px;
  margin: 10px 0;
  padding: 1rem;
}
/* line 935, ../scss/breakpoints/_base.scss */
.index-row article.resource-cont section hr,
.index-row .card-third.resource-cont section hr {
  width: 40%;
}
/* line 941, ../scss/breakpoints/_base.scss */
.index-row .resource-list {
  margin: 0px;
  width: 315px;
  min-height: 345px;
  background: #fff;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  padding: 20px;
}
/* line 948, ../scss/breakpoints/_base.scss */
.index-row .resource-list li {
  margin: 0;
  padding: 10px 0;
  background: inherit;
  transition: background 0.3s ease;
  display: inline-table;
  width: 33%;
}
/* line 955, ../scss/breakpoints/_base.scss */
.index-row .resource-list li:hover {
  background: #f7f7f7;
}
/* line 958, ../scss/breakpoints/_base.scss */
.index-row .resource-list li div {
  margin: 0 5px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
/* line 966, ../scss/breakpoints/_base.scss */
.index-row .resource-list li div .title {
  color: #1477c9;
  text-transform: capitalize;
}
/* line 969, ../scss/breakpoints/_base.scss */
.index-row .resource-list li div .title a {
  color: inherit;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
/* line 978, ../scss/breakpoints/_base.scss */
.index-row .resource-list li div .format {
  color: #555555;
  text-transform: uppercase;
}
/* line 982, ../scss/breakpoints/_base.scss */
.index-row .resource-list li div .name,
.index-row .resource-list li div .size {
  font-size: 13px;
  color: #555;
  text-transform: uppercase;
}
/* line 987, ../scss/breakpoints/_base.scss */
.index-row .resource-list li div .name:first-child,
.index-row .resource-list li div .size:first-child {
  min-width: 40%;
}
/* line 990, ../scss/breakpoints/_base.scss */
.index-row .resource-list li div .name a,
.index-row .resource-list li div .size a {
  color: rgba(85, 85, 85, 0.5);
  text-decoration: none;
  font-size: 11px;
}
/* line 999, ../scss/breakpoints/_base.scss */
.index-row .resource-list.home li {
  margin: 0 -20px;
  padding: 5px 20px;
  width: calc(100% + 40px);
}
/* line 1003, ../scss/breakpoints/_base.scss */
.index-row .resource-list.home li a {
  color: rgba(85, 85, 85, 0.5);
}
/* line 1006, ../scss/breakpoints/_base.scss */
.index-row .resource-list.home li p {
  line-height: 20px;
  font-size: 15px;
  margin: 3px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
}
/* line 1013, ../scss/breakpoints/_base.scss */
.index-row .resource-list.home li .title {
  color: #1477c9;
  font-weight: bold;
}
/* line 1017, ../scss/breakpoints/_base.scss */
.index-row .resource-list.home li .size {
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* line 1028, ../scss/breakpoints/_base.scss */
.index-row .card-third h3 {
  font-size: 48px;
  text-transform: capitalize;
  color: #555;
  margin: 0;
}
/* line 1034, ../scss/breakpoints/_base.scss */
.index-row .card-third p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 23px;
  font-feature-settings: "liga" 0;
}
/* line 1041, ../scss/breakpoints/_base.scss */
.index-row .card-third a {
  text-decoration: none;
  cursor: default;
}
/* line 1045, ../scss/breakpoints/_base.scss */
.index-row .card-third span:not(#current-total-post-count) {
  cursor: pointer;
  width: 200px;
  background: #db0033;
  height: 50px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
  transition: background 0.3s ease;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4);
}
/* line 1064, ../scss/breakpoints/_base.scss */
.index-row .card-third span:not(#current-total-post-count):hover {
  background: #ff0f47;
}
/* line 1068, ../scss/breakpoints/_base.scss */
.index-row .card-third.twitter-timeline-container {
  height: 753px;
  max-width: none;
  margin: 0px 0px 50px 40px !important;
  padding: 0px 3px 3px;
  width: 320px;
}
/* line 1075, ../scss/breakpoints/_base.scss */
.index-row .card-third .twitter {
  overflow: hidden;
  padding: 1rem;
  background: white;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  display: table-row;
  position: relative;
  margin-top: 20px;
  width: 100%;
}
/* line 1084, ../scss/breakpoints/_base.scss */
.index-row .card-third .twitter > span {
  background-color: #1477c9 !important;
  width: 60px !important;
  height: 60px !important;
  position: absolute !important;
  top: -20px !important;
  left: 25px !important;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4) !important;
}
/* line 1092, ../scss/breakpoints/_base.scss */
.index-row .card-third .twitter > span .twt-img {
  background-color: white;
  width: 60px;
  height: 60px;
  transform: scale(0.5);
  display: block;
  background: url(../images/twitter-logo.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/twitter-logo.svg) no-repeat 50% 50%;
  mask: url(../images/twitter-logo.svg) no-repeat 50% 50%;
}
/* line 1103, ../scss/breakpoints/_base.scss */
.index-row .card-third .twitter > h3 {
  text-align: right;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 23px;
  color: rgba(85, 85, 85, 0.5);
  margin: 10px 5px;
}
/* line 1112, ../scss/breakpoints/_base.scss */
.index-row .card-third *::-ms-backdrop, .index-row .card-third .twitter {
  display: inline;
}

/* line 1118, ../scss/breakpoints/_base.scss */
.tag .index-row article {
  margin: 0 0 50px;
  max-width: 325px;
}

/* line 1123, ../scss/breakpoints/_base.scss */
.home #projects.index-row article .entry-content {
  height: 112px;
}

/* line 1127, ../scss/breakpoints/_base.scss */
#content {
  position: relative;
  overflow-x: hidden;
}

/* line 1132, ../scss/breakpoints/_base.scss */
.resource-list-title {
  height: 48px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 48px;
  line-height: 0.9;
  color: #1477c9;
  margin: 35px 0 0;
  width: 100%;
}

/* line 1142, ../scss/breakpoints/_base.scss */
.resources-anchor {
  position: relative;
  display: block;
  height: 1px;
  width: 1px;
}

/* line 1149, ../scss/breakpoints/_base.scss */
.page .resources-page-list .index-row {
  margin: 0;
}

/* line 1154, ../scss/breakpoints/_base.scss */
.resources-page-list #resources.index-row {
  margin: 80px 0 40px;
}
/* line 1157, ../scss/breakpoints/_base.scss */
.resources-page-list .index-row .card-third {
  margin: 0;
}
/* line 1160, ../scss/breakpoints/_base.scss */
.resources-page-list .index-row.last-resources {
  margin: 0 !important;
}
/* line 1163, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new {
  display: inline;
  width: 100%;
}
/* line 1166, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new:last-child {
  margin: 0 0 60px;
}
/* line 1169, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li {
  border-bottom: solid 1px rgba(151, 151, 151, 0.2);
  min-height: 70px;
  width: 100%;
  display: inline-flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}
/* line 1177, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li:last-child {
  border-bottom: 0;
}
/* line 1180, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li > div {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  width: 485px;
}
/* line 1187, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li > div.thumbnail {
  flex-direction: row;
  margin: 20px 0;
}
/* line 1190, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li > div.thumbnail > a {
  position: relative;
  display: table;
  width: 110px;
  height: 160px;
  align-self: center;
}
/* line 1196, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li > div.thumbnail > a img {
  width: 100%;
  height: 160px;
  box-shadow: 0px 0px 5px #c0c0c0;
}
/* line 1202, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li > div.thumbnail .text-thumbnail {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  margin: 0 0 0 20px;
  width: 80%;
  font-size: 11px;
}
/* line 1211, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li > div.thumbnail .text-thumbnail a {
  color: currentColor;
}
/* line 1217, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li .date {
  font-family: Helvetica;
  font-size: 11px;
  letter-spacing: 1px;
  color: rgba(85, 85, 85, 0.5);
}
/* line 1223, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li .title {
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #1477c9;
}
/* line 1229, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li .title a {
  color: currentColor;
  text-decoration: none;
}
/* line 1234, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li .tags {
  text-transform: uppercase;
  color: #555;
  font-size: 12px;
  letter-spacing: 0.5px;
}
/* line 1239, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li .tags a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  color: rgba(85, 85, 85, 0.8);
  transition: all 0.3s ease;
}
/* line 1244, ../scss/breakpoints/_base.scss */
.resources-page-list .resource-list-new li .tags a:hover {
  border-color: rgba(85, 85, 85, 0.8);
}
/* line 1251, ../scss/breakpoints/_base.scss */
.resources-page-list .additional-resources {
  font-size: 15px;
  letter-spacing: 0.6px;
  color: white;
  position: relative;
  top: -24px;
  min-height: 48px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 20px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* line 1269, ../scss/breakpoints/_base.scss */
.resources-page-list .additional-resources a {
  padding: 10px;
  background: #1477c9;
  text-decoration: none;
  color: inherit;
  width: 485px;
  height: 100%;
  line-height: 28px;
  text-align: center;
}
/* line 1278, ../scss/breakpoints/_base.scss */
.resources-page-list .additional-resources a:hover {
  background: #5193D8;
}

/* line 1285, ../scss/breakpoints/_base.scss */
.home #resources {
  margin: 85px 0 0;
}

/* line 1289, ../scss/breakpoints/_base.scss */
.home .index-row.last-resources {
  margin: 0 0 60px !important;
}

/* line 1293, ../scss/breakpoints/_base.scss */
.hentry {
  background-color: #fff;
  margin-bottom: 1.5em;
  position: relative;
}
/* line 1297, ../scss/breakpoints/_base.scss */
.hentry > a, .hentry .img {
  height: 0%;
  width: 100%;
  display: block;
  background-position: 50% 50%;
  background-size: cover;
}
/* line 1304, ../scss/breakpoints/_base.scss */
.hentry .img {
  padding-bottom: 175px;
  position: relative;
  top: -20px;
}
/* line 1309, ../scss/breakpoints/_base.scss */
.hentry a {
  display: inline;
  color: currentColor;
}
/* line 1313, ../scss/breakpoints/_base.scss */
.hentry > a {
  padding-bottom: 175px;
}
/* line 1316, ../scss/breakpoints/_base.scss */
.hentry header {
  background: #1477c9;
  position: absolute;
  bottom: 45%;
  min-height: 60px;
  left: 0%;
  width: 90%;
  z-index: 1;
  margin: 0 5%;
  transition: background 0.3s ease;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: center;
}
/* line 1332, ../scss/breakpoints/_base.scss */
.hentry header:hover {
  background: #2791e9;
}
/* line 1335, ../scss/breakpoints/_base.scss */
.hentry header a {
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  padding: 20px 10px;
  line-height: 20px;
  color: #fff;
}
/* line 1350, ../scss/breakpoints/_base.scss */
.hentry _:-webkit-full-screen:not(:root:root), .hentry header {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  padding: 10px 0;
}
/* line 1357, ../scss/breakpoints/_base.scss */
.hentry footer {
  margin: 7px 15px;
}
/* line 1360, ../scss/breakpoints/_base.scss */
.hentry footer p {
  margin: 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* line 1369, ../scss/breakpoints/_base.scss */
.hentry footer p span {
  line-height: 15px;
  max-width: 230px;
}
/* line 1373, ../scss/breakpoints/_base.scss */
.hentry footer p a {
  color: rgba(85, 85, 85, 0.5);
  text-decoration: none;
  font-feature-settings: "liga" 0;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 13px;
}
/* line 1382, ../scss/breakpoints/_base.scss */
.hentry footer .tags {
  display: inline;
  font-feature-settings: "liga" 0;
  font-size: 13px;
  letter-spacing: 0.5px;
}
/* line 1389, ../scss/breakpoints/_base.scss */
.hentry.-odri-post {
  padding: 2.5rem;
  border: 0;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
/* line 1393, ../scss/breakpoints/_base.scss */
.hentry.-odri-post.has-sidebar {
  width: 81.4%;
  display: inline-block;
}
/* line 1397, ../scss/breakpoints/_base.scss */
.hentry.-odri-post nav {
  display: block;
  width: 100%;
  height: 30px;
  margin: 0px 0 40px;
  border-bottom: 3px solid rgba(38, 62, 87, 0.1);
  padding: 0 0 30px;
}
/* line 1404, ../scss/breakpoints/_base.scss */
.hentry.-odri-post nav a {
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #1477c9;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
/* line 1412, ../scss/breakpoints/_base.scss */
.hentry.-odri-post nav a img {
  transform: rotate(90deg);
  position: relative;
  top: -2px;
  margin: 0 4px 0 0;
}
/* line 1420, ../scss/breakpoints/_base.scss */
.hentry.-odri-post h1 {
  color: #1477c9;
  font-size: 48px;
  line-height: 43px;
}
/* line 1425, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .byline {
  text-transform: uppercase;
  font-style: normal;
  color: rgba(85, 85, 85, 0.5);
  font-size: 13px;
  margin: 25px 0 15px;
}
/* line 1431, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .byline time {
  letter-spacing: 0.5px;
  font-size: 13px;
}
/* line 1436, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content {
  padding: 0;
}
/* line 1438, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content p {
  margin: 0 0 1.5em;
  display: block;
  max-width: none;
  height: auto;
  font-size: 17px;
  line-height: 28px;
  color: #555;
  font-feature-settings: "liga" 0;
  letter-spacing: 0.3px;
  overflow: initial;
}
/* line 1449, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content p a {
  color: #1477c9;
}
/* line 1453, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box {
  margin: 0px 0 35px;
  border-bottom: 3px solid rgba(38, 62, 87, 0.1);
}
/* line 1456, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box p {
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  line-height: 33px;
  color: #555555;
}
/* line 1462, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-text {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
/* line 1467, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-text .content-l {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
/* line 1474, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-text .content-l.content-r {
  margin: 0 0 0 20px;
}
/* line 1478, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-text .uri,
.hentry.-odri-post .entry-content .project-box .project-text .title,
.hentry.-odri-post .entry-content .project-box .project-text .uri-data,
.hentry.-odri-post .entry-content .project-box .project-text .title-data {
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #1477c9;
}
/* line 1488, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-text .uri-data,
.hentry.-odri-post .entry-content .project-box .project-text .title-data {
  color: #555;
  max-width: 550px;
}
/* line 1494, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-figures {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  margin: 35px 0px;
  justify-content: flex-start;
}
/* line 1501, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-figures > div {
  margin: 0 5% 0 0;
}
/* line 1504, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-figures .figure-title {
  width: 160px;
  display: block;
  height: auto;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: normal;
  margin: 0;
  color: #1477c9;
}
/* line 1516, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-figures .figure-data {
  font-size: 30px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555555;
}
/* line 1520, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .entry-content .project-box .project-figures .figure-data .unit {
  display: block;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
/* line 1531, ../scss/breakpoints/_base.scss */
.hentry.-odri-post footer {
  margin: 0;
}
/* line 1533, ../scss/breakpoints/_base.scss */
.hentry.-odri-post footer a {
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
}
/* line 1537, ../scss/breakpoints/_base.scss */
.hentry.-odri-post footer a:hover {
  color: #1477c9;
}
/* line 1542, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .tags-title {
  font-size: 13px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #555;
  font-weight: bold;
}
/* line 1549, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .social-sharing {
  margin: 15px 0 0;
}
/* line 1551, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .social-sharing p {
  justify-content: initial;
  color: rgba(85, 85, 85, 0.5);
  line-height: 23px;
  font-size: 13px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  flex-wrap: wrap;
  letter-spacing: 0.5px;
}
/* line 1559, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .social-sharing p span {
  color: #555;
  line-height: 25px;
  font-weight: bold;
}
/* line 1565, ../scss/breakpoints/_base.scss */
.hentry.-odri-post .social-sharing a {
  width: 84px;
  height: 25px;
  border-radius: 5px;
  border: solid 1px rgba(151, 151, 151, 0.2);
  text-align: center;
  margin: 0 5px;
  line-height: inherit;
  text-decoration: none;
}

/* end .hentry */
/* line 1581, ../scss/breakpoints/_base.scss */
.single-title,
.page-title,
.entry-title {
  margin: 0;
  width: 100%;
  height: 100%;
}

/* line 1598, ../scss/breakpoints/_base.scss */
.archive-title {
  color: #1477c9;
}

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
/* line 1637, ../scss/breakpoints/_base.scss */
.byline {
  color: #9fa6b4;
  margin: 0;
  font-family: helvetica, sans-serif;
}
/* line 1641, ../scss/breakpoints/_base.scss */
.byline time {
  display: table;
  font-size: 11px;
  color: rgba(85, 85, 85, 0.5);
  letter-spacing: 0.5px;
}

/* entry content */
/* line 1650, ../scss/breakpoints/_base.scss */
.entry-content {
  padding: 15px;
    /*
	image alignment on a screen this size may be
	a bit difficult. It's set to start aligning
	and floating images at the next breakpoint,
	but it's up to you. Feel free to change it up.
	*/
}
/* line 1653, ../scss/breakpoints/_base.scss */
.entry-content p {
  font-feature-settings: "liga" 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
/* line 1658, ../scss/breakpoints/_base.scss */
.entry-content p.wp-caption-text {
  margin: 0 !important;
  font-style: italic !important;
  text-align: right !important;
}
/* line 1664, ../scss/breakpoints/_base.scss */
.entry-content .wp-caption {
  margin-bottom: 20px;
}
/* line 1668, ../scss/breakpoints/_base.scss */
.entry-content.related {
  overflow: hidden;
  height: 200px;
}
/* line 1671, ../scss/breakpoints/_base.scss */
.entry-content.related p {
  height: initial;
}
/* line 1699, ../scss/breakpoints/_base.scss */
.entry-content table {
  width: 100%;
  border: 1px solid #F0F0F0;
  margin-bottom: 1.5em;
}
/* line 1704, ../scss/breakpoints/_base.scss */
.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* line 1713, ../scss/breakpoints/_base.scss */
.entry-content tr {
  border-bottom: 1px solid #F0F0F0;
}
/* line 1716, ../scss/breakpoints/_base.scss */
.entry-content tr:nth-child(even) {
  background-color: #f8f9fa;
}
/* line 1721, ../scss/breakpoints/_base.scss */
.entry-content td {
  padding: 7px;
  border-right: 1px solid #F0F0F0;
}
/* line 1725, ../scss/breakpoints/_base.scss */
.entry-content td:last-child {
  border-right: 0;
}
/* line 1730, ../scss/breakpoints/_base.scss */
.entry-content th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
}
/* line 1735, ../scss/breakpoints/_base.scss */
.entry-content th:last-child {
  border-right: 0;
}
/* line 1740, ../scss/breakpoints/_base.scss */
.entry-content blockquote {
  margin: 1.5em 0.75em 1.5em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #1477c9;
  font-style: italic;
  color: #555;
}
/* line 1758, ../scss/breakpoints/_base.scss */
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
/* line 1765, ../scss/breakpoints/_base.scss */
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
/* line 1784, ../scss/breakpoints/_base.scss */
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}
/* line 1793, ../scss/breakpoints/_base.scss */
.entry-content pre {
  background: #1b1b1b;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}

/* end .entry-content */
/* line 1806, ../scss/breakpoints/_base.scss */
.wp-caption {
  max-width: 100%;
  background: #fff;
  padding: 0;
  /* images inside wp-caption */
}
/* line 1812, ../scss/breakpoints/_base.scss */
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
/* line 1818, ../scss/breakpoints/_base.scss */
.wp-caption p.wp-caption-text {
  font-size: 0.85em !important;
  margin: 4px 0 7px !important;
  line-height: 23px !important;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/* line 1868, ../scss/breakpoints/_base.scss */
.tags {
  margin: 0;
}
/* line 1870, ../scss/breakpoints/_base.scss */
.tags a {
  color: #1477c9;
}

/* line 1875, ../scss/breakpoints/_base.scss */
#pic-banner,
.cdbmap {
  height: 245px;
  width: 100%;
  background-size: cover;
  display: block;
  position: relative;
  background-position: 70% 50%;
  margin: 0 0 -70px;
  z-index: 0;
}

/* line 1887, ../scss/breakpoints/_base.scss */
.cdbmap {
  display: none;
}

/* line 1893, ../scss/breakpoints/_base.scss */
.archive .cdbmap,
.page .cdbmap {
  display: block;
  height: 600px;
  margin: 0 0 50px;
  background-color: #0073cf;
}
/* line 1899, ../scss/breakpoints/_base.scss */
.archive .maplegend,
.page .maplegend {
  position: absolute;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  top: 124px;
  z-index: 2;
  width: 360px;
  height: 50px;
  background-color: rgba(2, 99, 168, 0.8);
  color: white;
  font-size: 13px;
}
/* line 1913, ../scss/breakpoints/_base.scss */
.archive .maplegend span,
.page .maplegend span {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 6px 0 0;
}
/* line 1918, ../scss/breakpoints/_base.scss */
.archive .maplegend span:first-child img,
.page .maplegend span:first-child img {
  transform: scale(0.6);
}
/* line 1921, ../scss/breakpoints/_base.scss */
.archive .maplegend span img,
.page .maplegend span img {
  transform: scale(0.8);
}
/* line 1924, ../scss/breakpoints/_base.scss */
.archive .maplegend span i,
.page .maplegend span i {
  font-style: normal;
}
/* line 1929, ../scss/breakpoints/_base.scss */
.archive .corner-map,
.page .corner-map {
  height: 460px;
  width: 800px;
  z-index: -1;
  position: absolute;
  background-image: url(../images/bg-mapamundi.png);
  background-position: 50% 50%;
  background-size: cover;
  left: calc(5% + 480px);
  top: 20px;
}
/* line 1939, ../scss/breakpoints/_base.scss */
.archive .corner-map.about,
.page .corner-map.about {
  top: 400px;
  height: 1020px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  background-position: 0;
}
/* line 1950, ../scss/breakpoints/_base.scss */
.archive #about.index-row,
.archive #principles.index-row,
.archive #contact.index-row,
.archive #more-content.index-row,
.page #about.index-row,
.page #principles.index-row,
.page #contact.index-row,
.page #more-content.index-row {
  margin: 40px 0;
}
/* line 1957, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .hentry header,
.page .about-content:not(#more-content):not(#partners) .hentry header {
  bottom: auto;
  top: 17px;
}
/* line 1961, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .hentry footer,
.page .about-content:not(#more-content):not(#partners) .hentry footer {
  display: none;
}
/* line 1964, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .entry-content,
.page .about-content:not(#more-content):not(#partners) .entry-content {
  height: 255px;
  -webkit-line-clamp: 10;
}
/* line 1968, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third,
.page .about-content:not(#more-content):not(#partners) .card-third {
  max-width: none;
  margin: 0;
  width: 100%;
}
/* line 1972, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns {
  display: flex;
}
/* line 1974, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .principles-column,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .principles-column {
  width: 50%;
}
/* line 1976, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .principles-column > p,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .principles-column > p {
  -webkit-columns: 350px;
  -moz-columns: 350px;
  columns: 350px;
  padding: 0 40px 0 0;
  column-gap: 40px;
}
/* line 1982, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .principles-column > p.principles-column-title,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .principles-column > p.principles-column-title {
  display: table-cell;
  width: 50%;
  font-size: 20px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 30px 0 0px;
  font-weight: bold;
}
/* line 1992, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns ol,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns ol {
  list-style: decimal;
  list-style-position: inside;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
/* line 2003, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns ol li,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns ol li {
  width: 100%;
  padding: 0 50px 0 0;
  list-style: none;
}
/* line 2007, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns ol li p,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns ol li p {
  padding: 0 0 0 50px;
}
/* line 2012, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns ol h4,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns ol h4 {
  margin: 5px 0;
  color: #555;
  font-weight: bold;
}
/* line 2021, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(1n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(1n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/risk_data/princ1.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/risk_data/princ1.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(1n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(1n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ1.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(1n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(1n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ1.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2021, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(2n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(2n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/risk_data/princ2.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/risk_data/princ2.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(2n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(2n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ2.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(2n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(2n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ2.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2021, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(3n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(3n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/risk_data/princ3.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/risk_data/princ3.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(3n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(3n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ3.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(3n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(3n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ3.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2021, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(4n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(4n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/risk_data/princ4.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/risk_data/princ4.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(4n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(4n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ4.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(4n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(4n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ4.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2021, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(5n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(5n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/risk_data/princ5.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/risk_data/princ5.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(5n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(5n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ5.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2021, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(5n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-risk-data-should li:nth-child(5n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/risk_data/princ5.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2051, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(1n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(1n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/projects_designed/princ1.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/projects_designed/princ1.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2051, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(1n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(1n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/projects_designed/princ1.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2051, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(1n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(1n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/projects_designed/princ1.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2051, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(2n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(2n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/projects_designed/princ2.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/projects_designed/princ2.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2051, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(2n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(2n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/projects_designed/princ2.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2051, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(2n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(2n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/projects_designed/princ2.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2051, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(3n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(3n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/projects_designed/princ3.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/projects_designed/princ3.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2051, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(3n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(3n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/projects_designed/princ3.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2051, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(3n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(3n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/projects_designed/princ3.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2051, ../scss/breakpoints/_base.scss */
.archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(4n+0) h4:before,
.page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(4n+0) h4:before {
  content: ' ';
  background-color: #1477c9;
  -webkit-mask: url("../images/principles_icons/projects_designed/princ4.svg") no-repeat 50% 50%;
  mask: url("../images/principles_icons/projects_designed/princ4.svg") no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin: 0 18px 0 0;
  top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 2051, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(4n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(4n+0) h4:before {
    /* IE10+ CSS styles go here */
    background: url("../images/principles_icons/projects_designed/princ4.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
@-moz-document url-prefix() {
  /* line 2051, ../scss/breakpoints/_base.scss */
  .archive .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(4n+0) h4:before,
  .page .about-content:not(#more-content):not(#partners) .card-third .principles-columns .list-projects-designed-to li:nth-child(4n+0) h4:before {
    /* Firefox CSS styles go here */
    background: url("../images/principles_icons/projects_designed/princ4.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
  }
}
/* line 2082, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe,
.page .newsletter .subscribe {
  width: 100%;
  height: 150px;
  background: white;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  position: relative;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 2094, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe h4,
.page .newsletter .subscribe h4 {
  height: 45px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 49px;
  line-height: 0.8;
  color: #555555;
  font-weight: normal;
  margin: 35px 0;
}
/* line 2103, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe a,
.page .newsletter .subscribe a {
  padding: 0;
  background: #1477c9;
  position: absolute;
  bottom: calc(0% - 30px);
  height: 50px;
  width: 140px;
  z-index: 1;
  text-transform: uppercase;
  color: white;
  transition: background 0.3s ease;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4);
  border: none;
  margin: 0;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  left: calc(50% - 70px);
  text-align: center;
  line-height: 50px;
  text-decoration: none;
}
/* line 2123, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe a:hover,
.page .newsletter .subscribe a:hover {
  background: #2791e9;
}
/* line 2127, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe form,
.page .newsletter .subscribe form {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  position: relative;
}
/* line 2136, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe form input[type=email],
.page .newsletter .subscribe form input[type=email] {
  margin: 0;
  width: 40%;
  height: 40px;
  line-height: 40px;
  position: relative;
  background: transparent;
  border: solid 1px #e5e5e5;
  text-align: center;
  border-radius: 0;
  padding: 20px 30px;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  letter-spacing: 0.6px;
  color: #555555;
}
/* line 2152, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe form .response,
.page .newsletter .subscribe form .response {
  position: relative;
  display: block;
  top: -66px;
  background: #F0F0F0;
}
/* line 2158, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe form #mc-embedded-subscribe,
.page .newsletter .subscribe form #mc-embedded-subscribe {
  padding: 0;
  background: #1477c9;
  position: absolute;
  bottom: calc(0% - 100px);
  height: 50px;
  width: 140px;
  z-index: 1;
  text-transform: uppercase;
  color: white;
  transition: background 0.3s ease;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4);
  border: none;
  margin: 0;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  left: calc(50% - 70px);
}
/* line 2175, ../scss/breakpoints/_base.scss */
.archive .newsletter .subscribe form #mc-embedded-subscribe:hover,
.page .newsletter .subscribe form #mc-embedded-subscribe:hover {
  background: #2791e9;
}
/* line 2182, ../scss/breakpoints/_base.scss */
.archive #more-content .entry-content .alignleft,
.archive #more-content .entry-content img.alignleft,
.page #more-content .entry-content .alignleft,
.page #more-content .entry-content img.alignleft {
  float: none;
}
/* line 2186, ../scss/breakpoints/_base.scss */
.archive #more-content article .entry-content:last-child,
.page #more-content article .entry-content:last-child {
  padding: 70px 30px;
  -webkit-line-clamp: 3;
}
/* line 2190, ../scss/breakpoints/_base.scss */
.archive #contact,
.page #contact {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
/* line 2198, ../scss/breakpoints/_base.scss */
.archive #contact .index-row,
.page #contact .index-row {
  margin: 0;
  width: 50%;
}
/* line 2201, ../scss/breakpoints/_base.scss */
.archive #contact .index-row .card-third,
.page #contact .index-row .card-third {
  margin: 0;
}
/* line 2205, ../scss/breakpoints/_base.scss */
.archive #contact .-m-form,
.page #contact .-m-form {
  width: calc(50% - 20px);
  margin: 70px 0 0;
}
/* line 2209, ../scss/breakpoints/_base.scss */
.archive #contact .contact-form,
.page #contact .contact-form {
  background: #fff;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  padding: 20px;
}
/* line 2213, ../scss/breakpoints/_base.scss */
.archive #contact .contact-form label,
.archive #contact .contact-form input,
.archive #contact .contact-form textarea,
.page #contact .contact-form label,
.page #contact .contact-form input,
.page #contact .contact-form textarea {
  display: inline;
  font-size: 15px;
  box-shadow: 0px 1px 0 #eee;
  background: transparent;
  width: 50%;
}
/* line 2222, ../scss/breakpoints/_base.scss */
.archive #contact .contact-form label,
.page #contact .contact-form label {
  text-transform: uppercase;
  width: 200px;
  float: left;
  text-align: right;
  padding: 13px 15px 0px 0;
  box-shadow: 0 0 0 transparent;
}
/* line 2230, ../scss/breakpoints/_base.scss */
.archive #contact .contact-form textarea,
.page #contact .contact-form textarea {
  width: 60%;
  height: 150px;
  box-shadow: 0px 1px 4px #eee;
}
/* line 2235, ../scss/breakpoints/_base.scss */
.archive #contact .contact-form .contact-submit,
.page #contact .contact-form .contact-submit {
  text-align: right;
  margin: 0;
}
/* line 2238, ../scss/breakpoints/_base.scss */
.archive #contact .contact-form .contact-submit .pushbutton-wide,
.page #contact .contact-form .contact-submit .pushbutton-wide {
  width: 71px;
  height: 25px;
  opacity: 1;
  border-radius: 5px;
  text-transform: uppercase;
  border: transparent;
  color: #000;
  background-color: #1477c9;
  font-weight: bold;
  color: #fff;
  position: relative;
  right: 27px;
}
/* line 2259, ../scss/breakpoints/_base.scss */
.archive #more-content h3,
.archive #members h3,
.archive #partners h3,
.archive #newsletter h3,
.page #more-content h3,
.page #members h3,
.page #partners h3,
.page #newsletter h3 {
  color: #1477c9;
  width: 100%;
  margin: 50px 0 20px;
}
/* line 2265, ../scss/breakpoints/_base.scss */
.archive #more-content > .card-third,
.page #more-content > .card-third {
  width: 100%;
  max-width: 100%;
}
/* line 2269, ../scss/breakpoints/_base.scss */
.archive #members,
.archive #partners,
.page #members,
.page #partners {
  margin: 60px 0;
}
/* line 2272, ../scss/breakpoints/_base.scss */
.archive #members article,
.archive #partners article,
.page #members article,
.page #partners article {
  height: auto;
  min-height: 350px;
}
/* line 2276, ../scss/breakpoints/_base.scss */
.archive #members .card-third,
.archive #partners .card-third,
.page #members .card-third,
.page #partners .card-third {
  margin: 0;
}
/* line 2279, ../scss/breakpoints/_base.scss */
.archive #members img,
.archive #partners img,
.page #members img,
.page #partners img {
  float: none;
  margin: 0;
}
/* line 2283, ../scss/breakpoints/_base.scss */
.archive #members .hentry header,
.archive #partners .hentry header,
.page #members .hentry header,
.page #partners .hentry header {
  position: static;
}
/* line 2286, ../scss/breakpoints/_base.scss */
.archive #members .image-section,
.archive #partners .image-section,
.page #members .image-section,
.page #partners .image-section {
  margin: 0px auto;
  height: auto;
}
/* line 2291, ../scss/breakpoints/_base.scss */
.archive #principles .card-third,
.archive #about .card-third,
.archive #newsletter .card-third,
.page #principles .card-third,
.page #about .card-third,
.page #newsletter .card-third {
  width: 100%;
  height: 100%;
  display: block;
}
/* line 2298, ../scss/breakpoints/_base.scss */
.archive #about.index-row h3,
.page #about.index-row h3 {
  margin: 30px 0 0;
}
/* line 2301, ../scss/breakpoints/_base.scss */
.archive .page .about-content .card-third,
.archive #about.index-row,
.archive #principles.index-row,
.archive #newsletter.index-row,
.archive #members.index-row,
.archive #more-content.index-row,
.page .page .about-content .card-third,
.page #about.index-row,
.page #principles.index-row,
.page #newsletter.index-row,
.page #members.index-row,
.page #more-content.index-row {
  margin: 0;
  display: block;
}
/* line 2310, ../scss/breakpoints/_base.scss */
.archive #principles h3,
.archive .-m-disclaimer h3,
.page #principles h3,
.page .-m-disclaimer h3 {
  color: #1477c9;
}
/* line 2314, ../scss/breakpoints/_base.scss */
.archive hr,
.page hr {
  visibility: hidden;
  position: relative;
  top: -40px;
}
/* line 2319, ../scss/breakpoints/_base.scss */
.archive .p-info,
.page .p-info {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  clear: both;
  justify-content: center;
  position: relative;
  margin: 0 0 45px;
}
/* line 2328, ../scss/breakpoints/_base.scss */
.archive .p-info a,
.page .p-info a {
  color: #1477c9;
}
/* line 2331, ../scss/breakpoints/_base.scss */
.archive .p-info.double,
.page .p-info.double {
  justify-content: flex-start;
}
/* line 2333, ../scss/breakpoints/_base.scss */
.archive .p-info.double p,
.page .p-info.double p {
  width: 100%;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  margin: 0;
  padding: 0;
}
/* line 2342, ../scss/breakpoints/_base.scss */
.archive .p-info h4,
.page .p-info h4 {
  position: absolute;
  left: 0;
  margin: 0;
  color: #1477c9;
  text-transform: uppercase;
  font-size: 17px;
  width: 315px;
}
/* line 2351, ../scss/breakpoints/_base.scss */
.archive .p-info p,
.page .p-info p {
  margin: 0;
  line-height: 23px;
  font-size: 15px;
  width: 315px;
}
/* line 2358, ../scss/breakpoints/_base.scss */
.archive .-m-team-member p,
.page .-m-team-member p {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  margin: 0;
  padding: 0;
}
/* line 2365, ../scss/breakpoints/_base.scss */
.archive .img-bridge,
.page .img-bridge {
  width: 100%;
  height: 280px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s ease;
}
/* line 2369, ../scss/breakpoints/_base.scss */
.archive .img-bridge:after,
.page .img-bridge:after {
  content: "";
  background: url(../images/bridge.jpg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
  background-position: 50% 50%;
}
/* line 2383, ../scss/breakpoints/_base.scss */
.archive .img-bridge:hover,
.page .img-bridge:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 2387, ../scss/breakpoints/_base.scss */
.archive .card-third,
.page .card-third {
  height: auto;
}
/* line 2390, ../scss/breakpoints/_base.scss */
.archive .index-row,
.page .index-row {
  margin: 60px -45px;
}
/* line 2392, ../scss/breakpoints/_base.scss */
.archive .index-row.contents-image,
.page .index-row.contents-image {
  margin: 0;
}
/* line 2395, ../scss/breakpoints/_base.scss */
.archive .index-row .resource-list,
.page .index-row .resource-list {
  width: 100%;
}
/* line 2398, ../scss/breakpoints/_base.scss */
.archive .index-row .row-container,
.page .index-row .row-container {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 2403, ../scss/breakpoints/_base.scss */
.archive .index-row .resource-cont,
.page .index-row .resource-cont {
  width: 485px;
  height: 270px;
}
/* line 2408, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about,
.page .pillars-list-about {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  width: 100%;
}
/* line 2415, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info,
.page .pillars-list-about .p-info {
  display: inline;
  min-height: 370px;
  padding: 0 3px;
}
/* line 2419, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info > i,
.page .pillars-list-about .p-info > i {
  height: 110px;
  background-size: 50px;
  width: 110px;
  border-radius: 100%;
  background-repeat: no-repeat;
  border: 2px solid #1477c9;
  background-position: 50%, 50%;
  display: block;
  margin: 0px auto 20px;
}
/* line 2431, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info > i.img-pile-1,
.page .pillars-list-about .p-info > i.img-pile-1 {
  background-image: url("../images/pile-1.png");
}
/* line 2431, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info > i.img-pile-2,
.page .pillars-list-about .p-info > i.img-pile-2 {
  background-image: url("../images/pile-2.png");
}
/* line 2431, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info > i.img-pile-3,
.page .pillars-list-about .p-info > i.img-pile-3 {
  background-image: url("../images/pile-3.png");
}
/* line 2431, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info > i.img-pile-4,
.page .pillars-list-about .p-info > i.img-pile-4 {
  background-image: url("../images/pile-4.png");
}
/* line 2436, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info h4,
.page .pillars-list-about .p-info h4 {
  position: relative;
  margin: 0 0 10px;
  text-align: center;
}
/* line 2441, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info p:last-child,
.page .pillars-list-about .p-info p:last-child {
  min-height: 330px;
}
/* line 2444, ../scss/breakpoints/_base.scss */
.archive .pillars-list-about .p-info .explore-projects,
.page .pillars-list-about .p-info .explore-projects {
  height: 50px;
  display: block;
  width: 175px;
  line-height: 50px;
  text-decoration: none;
  background-color: #db0033;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  margin: 20px 0;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  bottom: 0;
  position: absolute;
  left: calc(50% - 87.5px);
}

/* line 2468, ../scss/breakpoints/_base.scss */
.page .index-row.contents-img {
  background-image: url("../images/about-header_1024.jpg");
  background-size: cover;
  height: 288px;
  width: 100%;
  margin: 40px 0 60px;
}

/* line 2476, ../scss/breakpoints/_base.scss */
.post-type-archive-project #main > p {
  width: 50%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  margin: 0 0 60px;
}

/* line 2485, ../scss/breakpoints/_base.scss */
.category-open-data-platforms #main,
.category-community-mapping #main,
.category-africa #main,
.category-east-asia-pacific #main,
.category-europe-and-central-asia #main,
.category-latin-america-and-caribbean #main,
.category-middle-east-and-north-africa #main,
.category-non-wb-countries #main,
.category-south-asia #main,
.category-risk-visualization #main,
.category-news #main,
.post-type-archive-resource #main,
.search #main,
.tag #main {
  margin: 70px 0 0 0;
}
/* line 2500, ../scss/breakpoints/_base.scss */
.category-open-data-platforms #main > h1,
.category-open-data-platforms #main > p,
.category-community-mapping #main > h1,
.category-community-mapping #main > p,
.category-africa #main > h1,
.category-africa #main > p,
.category-east-asia-pacific #main > h1,
.category-east-asia-pacific #main > p,
.category-europe-and-central-asia #main > h1,
.category-europe-and-central-asia #main > p,
.category-latin-america-and-caribbean #main > h1,
.category-latin-america-and-caribbean #main > p,
.category-middle-east-and-north-africa #main > h1,
.category-middle-east-and-north-africa #main > p,
.category-non-wb-countries #main > h1,
.category-non-wb-countries #main > p,
.category-south-asia #main > h1,
.category-south-asia #main > p,
.category-risk-visualization #main > h1,
.category-risk-visualization #main > p,
.category-news #main > h1,
.category-news #main > p,
.post-type-archive-resource #main > h1,
.post-type-archive-resource #main > p,
.search #main > h1,
.search #main > p,
.tag #main > h1,
.tag #main > p {
  max-width: 45%;
}
/* line 2503, ../scss/breakpoints/_base.scss */
.category-open-data-platforms #main > h1::first-letter,
.category-open-data-platforms #main > p::first-letter,
.category-community-mapping #main > h1::first-letter,
.category-community-mapping #main > p::first-letter,
.category-africa #main > h1::first-letter,
.category-africa #main > p::first-letter,
.category-east-asia-pacific #main > h1::first-letter,
.category-east-asia-pacific #main > p::first-letter,
.category-europe-and-central-asia #main > h1::first-letter,
.category-europe-and-central-asia #main > p::first-letter,
.category-latin-america-and-caribbean #main > h1::first-letter,
.category-latin-america-and-caribbean #main > p::first-letter,
.category-middle-east-and-north-africa #main > h1::first-letter,
.category-middle-east-and-north-africa #main > p::first-letter,
.category-non-wb-countries #main > h1::first-letter,
.category-non-wb-countries #main > p::first-letter,
.category-south-asia #main > h1::first-letter,
.category-south-asia #main > p::first-letter,
.category-risk-visualization #main > h1::first-letter,
.category-risk-visualization #main > p::first-letter,
.category-news #main > h1::first-letter,
.category-news #main > p::first-letter,
.post-type-archive-resource #main > h1::first-letter,
.post-type-archive-resource #main > p::first-letter,
.search #main > h1::first-letter,
.search #main > p::first-letter,
.tag #main > h1::first-letter,
.tag #main > p::first-letter {
  text-transform: uppercase;
}
/* line 2507, ../scss/breakpoints/_base.scss */
.category-open-data-platforms #main > p,
.category-community-mapping #main > p,
.category-africa #main > p,
.category-east-asia-pacific #main > p,
.category-europe-and-central-asia #main > p,
.category-latin-america-and-caribbean #main > p,
.category-middle-east-and-north-africa #main > p,
.category-non-wb-countries #main > p,
.category-south-asia #main > p,
.category-risk-visualization #main > p,
.category-news #main > p,
.post-type-archive-resource #main > p,
.search #main > p,
.tag #main > p {
  margin: 0 0 70px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
}
/* line 2514, ../scss/breakpoints/_base.scss */
.category-open-data-platforms #main .row-container article,
.category-community-mapping #main .row-container article,
.category-africa #main .row-container article,
.category-east-asia-pacific #main .row-container article,
.category-europe-and-central-asia #main .row-container article,
.category-latin-america-and-caribbean #main .row-container article,
.category-middle-east-and-north-africa #main .row-container article,
.category-non-wb-countries #main .row-container article,
.category-south-asia #main .row-container article,
.category-risk-visualization #main .row-container article,
.category-news #main .row-container article,
.post-type-archive-resource #main .row-container article,
.search #main .row-container article,
.tag #main .row-container article {
  max-width: 490px;
  width: 490px;
  margin: 0 0 50px;
}
/* line 2518, ../scss/breakpoints/_base.scss */
.category-open-data-platforms #main .row-container article header,
.category-community-mapping #main .row-container article header,
.category-africa #main .row-container article header,
.category-east-asia-pacific #main .row-container article header,
.category-europe-and-central-asia #main .row-container article header,
.category-latin-america-and-caribbean #main .row-container article header,
.category-middle-east-and-north-africa #main .row-container article header,
.category-non-wb-countries #main .row-container article header,
.category-south-asia #main .row-container article header,
.category-risk-visualization #main .row-container article header,
.category-news #main .row-container article header,
.post-type-archive-resource #main .row-container article header,
.search #main .row-container article header,
.tag #main .row-container article header {
  width: 96%;
  bottom: 46.5%;
  margin: 0px 2%;
}

/* line 2527, ../scss/breakpoints/_base.scss */
.category-news ul {
  list-style-type: disc;
  margin-left: 20px;
}

/* line 2533, ../scss/breakpoints/_base.scss */
.post-type-archive-resource #main > p {
  margin: 0;
}

/* line 2538, ../scss/breakpoints/_base.scss */
.search #main > h1,
.search #main > p, .tag #main > h1,
.tag #main > p {
  max-width: 100%;
}

/* line 2544, ../scss/breakpoints/_base.scss */
#list-content {
  margin: 0;
}

/* line 2548, ../scss/breakpoints/_base.scss */
.-md-post {
  position: relative;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
/* line 2556, ../scss/breakpoints/_base.scss */
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

/* line 2561, ../scss/breakpoints/_base.scss */
.pagination {
  text-align: center;
}
/* line 2564, ../scss/breakpoints/_base.scss */
.pagination ul {
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}
/* line 2573, ../scss/breakpoints/_base.scss */
.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #F0F0F0;
}
/* line 2582, ../scss/breakpoints/_base.scss */
.pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #1477c9;
}
/* line 2594, ../scss/breakpoints/_base.scss */
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #fff;
}
/* line 2599, ../scss/breakpoints/_base.scss */
.pagination .current {
  cursor: default;
  color: #555555;
}
/* line 2603, ../scss/breakpoints/_base.scss */
.pagination .current:hover, .pagination .current:focus {
  background-color: #fff;
  color: #555555;
}

/* end .bones_page_navi */
/* fallback previous & next links */
/* line 2619, ../scss/breakpoints/_base.scss */
.wp-prev-next .prev-link {
  float: left;
}
/* line 2623, ../scss/breakpoints/_base.scss */
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
/* line 2636, ../scss/breakpoints/_base.scss */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa;
  /* number of comments span */
}

/* line 2657, ../scss/breakpoints/_base.scss */
.commentlist {
  margin: 0;
  list-style-type: none;
}

/* line 2662, ../scss/breakpoints/_base.scss */
.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa;
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes */
}
/* line 2669, ../scss/breakpoints/_base.scss */
.comment .comment-author {
  padding: 7px;
  border: 0;
}
/* line 2675, ../scss/breakpoints/_base.scss */
.comment .vcard {
  margin-left: 50px;
}
/* line 2678, ../scss/breakpoints/_base.scss */
.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
/* line 2687, ../scss/breakpoints/_base.scss */
.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic;
}
/* line 2692, ../scss/breakpoints/_base.scss */
.comment .vcard time a {
  color: #9fa6b4;
  text-decoration: none;
}
/* line 2696, ../scss/breakpoints/_base.scss */
.comment .vcard time a:hover {
  text-decoration: underline;
}
/* line 2707, ../scss/breakpoints/_base.scss */
.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}
/* line 2716, ../scss/breakpoints/_base.scss */
.comment:last-child {
  margin-bottom: 0;
}
/* line 2720, ../scss/breakpoints/_base.scss */
.comment .children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}
/* line 2748, ../scss/breakpoints/_base.scss */
.comment[class*=depth-] {
  margin-top: 1.1em;
}
/* line 2752, ../scss/breakpoints/_base.scss */
.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
/* line 2757, ../scss/breakpoints/_base.scss */
.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px;
}
/* line 2775, ../scss/breakpoints/_base.scss */
.comment.odd {
  background-color: #fff;
}
/* line 2778, ../scss/breakpoints/_base.scss */
.comment.even {
  background: #f8f9fa;
}

/* comment meta */
/* comment content */
/* line 2821, ../scss/breakpoints/_base.scss */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

/* end .commentlist .comment_content */
/* comment reply link */
/* line 2832, ../scss/breakpoints/_base.scss */
.comment-reply-link {
  font-size: 0.9em;
  float: right;
}

/* end .commentlist .comment-reply-link */
/* edit comment link */
/* line 2846, ../scss/breakpoints/_base.scss */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em;
}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
/* line 2857, ../scss/breakpoints/_base.scss */
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa;
}

/* line 2863, ../scss/breakpoints/_base.scss */
#reply-title {
  margin: 0;
}

/* line 2867, ../scss/breakpoints/_base.scss */
.logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0;
}
/* line 2872, ../scss/breakpoints/_base.scss */
.logged-in-as a {
  color: #555555;
}

/* line 2877, ../scss/breakpoints/_base.scss */
.comment-form-comment {
  margin: 1.5em 0 0.75em;
}

/* line 2881, ../scss/breakpoints/_base.scss */
.form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em;
}

/* comment submit button */
/* line 2888, ../scss/breakpoints/_base.scss */
#submit {
  float: right;
  font-size: 1em;
}

/* comment form title */
/* line 2895, ../scss/breakpoints/_base.scss */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
/* line 2910, ../scss/breakpoints/_base.scss */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
/* line 2915, ../scss/breakpoints/_base.scss */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
/* line 2923, ../scss/breakpoints/_base.scss */
.sidebar {
  display: inline-block;
  float: right;
  margin-top: 4rem;
  width: auto;
  padding: 0 0 0 45px;
}
/* line 2929, ../scss/breakpoints/_base.scss */
.sidebar h4 {
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #555;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 60px 0 15px;
}
/* line 2936, ../scss/breakpoints/_base.scss */
.sidebar h4 a {
  color: currentColor;
}
/* line 2940, ../scss/breakpoints/_base.scss */
.sidebar i {
  font-style: normal !important;
}
/* line 2943, ../scss/breakpoints/_base.scss */
.sidebar li {
  width: 148px;
  background-color: #1477c9;
  margin: 0 0 20px;
}
/* line 2947, ../scss/breakpoints/_base.scss */
.sidebar li p {
  margin: 0;
  padding: 6px;
}
/* line 2951, ../scss/breakpoints/_base.scss */
.sidebar li span {
  height: 80px;
  width: 148px;
  display: block;
  margin: -6px -6px 0;
  background-size: cover;
  background-position: 50% 50%;
}
/* line 2960, ../scss/breakpoints/_base.scss */
.sidebar a {
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  display: block;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 17px;
}
/* line 2971, ../scss/breakpoints/_base.scss */
.sidebar .seemorenews {
  width: 148px;
  background-color: #1477c9;
  height: 40px;
  line-height: 40px;
  display: block;
}
/* line 2977, ../scss/breakpoints/_base.scss */
.sidebar .seemorenews a {
  line-height: 40px;
}

/* line 2990, ../scss/breakpoints/_base.scss */
.widget ul li {
  /* deep nesting */
}

/* line 3011, ../scss/breakpoints/_base.scss */
.no-widgets {
  background-color: #fff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1.5em;
}

/*********************
FOOTER STYLES
*********************/
/* line 3024, ../scss/breakpoints/_base.scss */
.footer {
  clear: both;
  background-color: #1b1b1b;
  color: #f8f9fa;
  height: 270px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  align-items: space-between;
}
/* line 3036, ../scss/breakpoints/_base.scss */
.footer .-ft-content {
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  margin: 2.5rem 0;
}
/* line 3044, ../scss/breakpoints/_base.scss */
.footer .-ft-content .-ft-coorporate,
.footer .-ft-content nav {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
/* line 3052, ../scss/breakpoints/_base.scss */
.footer .-ft-content .-ft-coorporate .-i-link,
.footer .-ft-content nav .-i-link {
  margin: 0.4rem 0;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  color: #787878;
  transition: color 0.3s ease;
}
/* line 3059, ../scss/breakpoints/_base.scss */
.footer .-ft-content .-ft-coorporate .-i-link:hover,
.footer .-ft-content nav .-i-link:hover {
  color: #f8f8f8;
}
/* line 3064, ../scss/breakpoints/_base.scss */
.footer .-ft-content img {
  width: 173px;
  vertical-align: middle;
  position: relative;
  left: 8px;
}
/* line 3070, ../scss/breakpoints/_base.scss */
.footer .-ft-content .-ft-newsletter {
  font-size: 13px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
/* line 3080, ../scss/breakpoints/_base.scss */
.footer .-ft-content form {
  border: 1px solid #979797;
  width: 300px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
  position: relative;
}
/* line 3091, ../scss/breakpoints/_base.scss */
.footer .-ft-content input {
  width: 220px;
  line-height: 13px;
  height: 22px;
  background: transparent;
  position: relative;
  left: -7px;
  top: 8px;
  display: inline;
  color: #fff;
}
/* line 3102, ../scss/breakpoints/_base.scss */
.footer .-ft-content .response {
  position: absolute;
  top: -2px;
  left: 310px;
  width: 500px;
}
/* line 3108, ../scss/breakpoints/_base.scss */
.footer .-ft-content #mc-embedded-subscribe {
  border-radius: 0;
  display: inline;
  background-color: #979797;
  width: 90px;
  position: static;
  color: #1B1B1B;
  border: none;
  margin: 0;
  height: 36px;
  top: 0;
  right: -4px;
  text-transform: uppercase;
  font-weight: bold;
  transition: background-color 0.3s ease;
}
/* line 3123, ../scss/breakpoints/_base.scss */
.footer .-ft-content #mc-embedded-subscribe:hover {
  background-color: #fff;
}
/* line 3130, ../scss/breakpoints/_base.scss */
.footer .copyright .hr {
  box-shadow: 0px 1px rgba(250, 250, 250, 0.2);
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
}
/* line 3139, ../scss/breakpoints/_base.scss */
.footer .-ft-legal {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  width: 25%;
  height: 40px;
  align-items: center;
  font-size: 13px;
}
/* line 3149, ../scss/breakpoints/_base.scss */
.footer .-ft-legal a, .footer .-ft-legal span {
  color: #787878;
  text-decoration: none;
}
/* line 3153, ../scss/breakpoints/_base.scss */
.footer .-ft-legal a:hover {
  color: #f8f8f8;
}

/* line 3159, ../scss/breakpoints/_base.scss */
.footer.mobile {
  display: none;
}

/* line 3163, ../scss/breakpoints/_base.scss */
#post-not-found,
.no-results {
  background: transparent;
  border: none;
}
/* line 3167, ../scss/breakpoints/_base.scss */
#post-not-found h1,
.no-results h1 {
  color: #1477c9;
}
/* line 3170, ../scss/breakpoints/_base.scss */
#post-not-found input,
.no-results input {
  border-bottom: 1px solid #979797;
  display: inline;
}
/* line 3174, ../scss/breakpoints/_base.scss */
#post-not-found .home-404,
.no-results .home-404 {
  width: 170px;
  background: #db0033;
  color: white;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  cursor: pointer;
  margin: 0 0 150px;
}
/* line 3188, ../scss/breakpoints/_base.scss */
#post-not-found form #searchsubmit, #post-not-found form label,
.no-results form #searchsubmit,
.no-results form label {
  display: none;
}

/* line 3194, ../scss/breakpoints/_base.scss */
#blue-bar-pick-pillar {
  height: 43px;
  border-left: 1px solid rgba(250, 250, 250, 0.2);
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-around;
  width: 82%;
  position: relative;
  top: 0px;
}

/* line 3207, ../scss/breakpoints/_base.scss */
.blue-bar-top {
  background-color: #1477c9;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  height: 43px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: -43px;
  z-index: 2;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* line 3220, ../scss/breakpoints/_base.scss */
.blue-bar-top.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  opacity: 0.97;
}
/* line 3227, ../scss/breakpoints/_base.scss */
.blue-bar-top.resources .wrapper span.current {
  padding: 5px 10px 0px 10px;
}
/* line 3231, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper {
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
}
/* line 3241, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span {
  border-radius: 3px;
  padding: 3px 10px 3px 20px;
  cursor: pointer;
  background-color: inherit;
  transition: background-color 0.35s ease;
  height: 30px;
}
/* line 3248, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span.current {
  background-color: white;
  color: #1477c9;
}
/* line 3251, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span.current:hover {
  background-color: white;
}
/* line 3254, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span.current i {
  background-color: #1477c9 !important;
  background: url("../images/filter-off.svg") no-repeat 50% 50% !important;
  -webkit-mask: url("../images/filter-off.svg") !important;
  mask: url("../images/filter-off.svg") !important;
  width: 17px !important;
  height: 17px !important;
  position: relative !important;
  top: 4px !important;
  left: -3px !important;
  transform: scale(0.9) !important;
}
/* line 3267, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
/* line 3270, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span a {
  text-decoration: none;
  color: currentColor;
}
/* line 3273, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span a i {
  height: 17px;
  width: 19px;
  background-repeat: no-repeat;
  border: 0;
  background-position: 50%, 50%;
  display: inline-block;
  margin: 0px 10px 0 0px;
  position: relative;
  top: 3px;
  background-color: white;
}
/* line 3286, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span a i.img-pile-1 {
  background: url("../images/white-pile-1.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/white-pile-1.svg");
  mask: url("../images/white-pile-1.svg");
}
/* line 3286, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span a i.img-pile-2 {
  background: url("../images/white-pile-2.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/white-pile-2.svg");
  mask: url("../images/white-pile-2.svg");
}
/* line 3286, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span a i.img-pile-3 {
  background: url("../images/white-pile-3.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/white-pile-3.svg");
  mask: url("../images/white-pile-3.svg");
}
/* line 3286, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span a i.img-pile-4 {
  background: url("../images/white-pile-4.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/white-pile-4.svg");
  mask: url("../images/white-pile-4.svg");
}
/* line 3292, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span a i.img-pile-1 {
  height: 15px;
  width: 13px;
  top: 2px;
}
/* line 3300, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper span.title.current, .blue-bar-top .wrapper span.title:hover {
  background-color: #1477c9;
  color: white;
}
/* line 3308, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper.filters span {
  position: relative;
  top: 6px;
  margin: 0 10px 0px 0px;
}
/* line 3312, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper.filters span:first-child {
  pointer-events: none;
  cursor: default;
  margin: 0;
}
/* line 3319, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter {
  display: none;
  position: absolute;
  background-color: rgba(0, 92, 163, 0.9);
  top: 26px;
}
/* line 3324, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter input {
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0;
  color: white;
  border-radius: 0px;
  position: relative;
  font-weight: bold;
  padding: 0 20px;
}
/* line 3332, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter input::-webkit-input-placeholder {
  color: white;
}
/* line 3335, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter input:placeholder-shown {
  color: white;
}
/* line 3338, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter input::-moz-placeholder {
  color: white;
}
/* line 3341, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter input:-ms-input-placeholder {
  color: white;
}
/* line 3345, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter li {
  max-width: 200px;
  padding: 8px 20px;
  cursor: pointer;
}
/* line 3349, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter li.selected {
  background-color: rgba(255, 255, 255, 0.2);
}
/* line 3352, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter li.grp {
  padding: 3px 20px 3px 30px;
  background-color: rgba(255, 255, 255, 0.03);
}
/* line 3356, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter li a {
  text-decoration: none;
  width: 100%;
  display: block;
}
/* line 3361, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter li:first-child {
  padding: 0;
}
/* line 3363, ../scss/breakpoints/_base.scss */
.blue-bar-top .wrapper .region-filter li:first-child i {
  height: 30px;
  width: 30px;
  background-color: #fff;
  background: url("../images/search-w.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/search-w.svg") no-repeat 50% 50%;
  mask: url("../images/search-w.svg") no-repeat 50% 50%;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0.7;
}
/* line 3381, ../scss/breakpoints/_base.scss */
.blue-bar-top.about .current {
  padding: 3px 10px;
}
/* line 3384, ../scss/breakpoints/_base.scss */
.blue-bar-top.about span a {
  position: relative;
  top: 2px;
}

/* line 3391, ../scss/breakpoints/_base.scss */
.blue-bar-top-m {
  display: none;
  min-height: 43px;
  margin: 0;
  position: relative;
  background-color: #1477c9;
  z-index: 1;
}
/* line 3398, ../scss/breakpoints/_base.scss */
.blue-bar-top-m h2 {
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  color: #fff;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
  margin: 0;
}
/* line 3410, ../scss/breakpoints/_base.scss */
.blue-bar-top-m h2 span {
  width: 25px;
  height: 10px;
  background: url(../images/dropdown.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/dropdown.svg) no-repeat 50% 50%;
  mask: url(../images/dropdown.svg) no-repeat 50% 50%;
  display: inline-block;
  background-color: #fff;
}
/* line 3420, ../scss/breakpoints/_base.scss */
.blue-bar-top-m ul,
.blue-bar-top-m #blue-bar-pick-pillar {
  display: none;
}
/* line 3425, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active h2 span {
  transform: scaleY(-1);
}
/* line 3428, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul,
.blue-bar-top-m.active #blue-bar-pick-pillar {
  display: block;
  margin: 0;
  height: 100%;
  padding: 0 0 0 22px;
  position: relative;
  border: none;
}
/* line 3436, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li,
.blue-bar-top-m.active #blue-bar-pick-pillar li {
  font-size: 15px;
  text-transform: uppercase;
  line-height: 25px;
  font-weight: bold;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
}
/* line 3443, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li a,
.blue-bar-top-m.active #blue-bar-pick-pillar li a {
  text-decoration: none;
}
/* line 3446, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li.option-pillar i,
.blue-bar-top-m.active #blue-bar-pick-pillar li.option-pillar i {
  height: 17px;
  width: 19px;
  background-repeat: no-repeat;
  border: 0;
  background-position: 50%, 50%;
  display: inline-block;
  margin: 0px 5px 0 0px;
  position: relative;
  top: 3px;
  background-color: white;
}
/* line 3459, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li.option-pillar i.img-pile-1,
.blue-bar-top-m.active #blue-bar-pick-pillar li.option-pillar i.img-pile-1 {
  background: url("../images/white-pile-1.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/white-pile-1.svg");
  mask: url("../images/white-pile-1.svg");
}
/* line 3459, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li.option-pillar i.img-pile-2,
.blue-bar-top-m.active #blue-bar-pick-pillar li.option-pillar i.img-pile-2 {
  background: url("../images/white-pile-2.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/white-pile-2.svg");
  mask: url("../images/white-pile-2.svg");
}
/* line 3459, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li.option-pillar i.img-pile-3,
.blue-bar-top-m.active #blue-bar-pick-pillar li.option-pillar i.img-pile-3 {
  background: url("../images/white-pile-3.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/white-pile-3.svg");
  mask: url("../images/white-pile-3.svg");
}
/* line 3459, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li.option-pillar i.img-pile-4,
.blue-bar-top-m.active #blue-bar-pick-pillar li.option-pillar i.img-pile-4 {
  background: url("../images/white-pile-4.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/white-pile-4.svg");
  mask: url("../images/white-pile-4.svg");
}
/* line 3465, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li.option-pillar i.img-pile-1,
.blue-bar-top-m.active #blue-bar-pick-pillar li.option-pillar i.img-pile-1 {
  height: 15px;
  width: 13px;
  top: 2px;
}
/* line 3471, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li input,
.blue-bar-top-m.active #blue-bar-pick-pillar li input {
  background-color: rgba(0, 0, 0, 0.15);
  margin: 0 0 0 -22px;
  width: calc(100% + 22px);
  color: white;
  border-radius: 0px;
  position: relative;
  font-weight: bold;
  padding: 0 20px;
}
/* line 3481, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul li::last-child,
.blue-bar-top-m.active #blue-bar-pick-pillar li::last-child {
  text-align: center;
}
/* line 3485, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active ul.region-filter i,
.blue-bar-top-m.active #blue-bar-pick-pillar.region-filter i {
  height: 30px;
  width: 30px;
  background-color: #fff;
  background: url("../images/search-w.svg") no-repeat 50% 50%;
  -webkit-mask: url("../images/search-w.svg") no-repeat 50% 50%;
  mask: url("../images/search-w.svg") no-repeat 50% 50%;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0.7;
}
/* line 3499, ../scss/breakpoints/_base.scss */
.blue-bar-top-m.active #blue-bar-pick-pillar {
  padding: 10px 0 0 22px;
}

/* line 3505, ../scss/breakpoints/_base.scss */
.category .blue-bar-top .region-filter li:first-child {
  padding: 8px 20px;
}

/* line 3509, ../scss/breakpoints/_base.scss */
.container-region-filter {
  position: relative;
  border-left: 1px solid rgba(250, 250, 250, 0.2);
  border-right: 1px solid rgba(250, 250, 250, 0.2);
  height: 43px;
}

/* line 3516, ../scss/breakpoints/_base.scss */
#toggle-filter-region {
  display: block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  top: -4px;
  border-radius: 0;
  text-align: center;
  pointer-events: auto;
  height: 30px;
  margin: 10px;
  position: relative;
  left: 0px;
  cursor: pointer;
}
/* line 3532, ../scss/breakpoints/_base.scss */
#toggle-filter-region:before {
  content: '';
  position: absolute;
  background-color: white;
  width: 25px;
  height: 10px;
  background: url(../images/dropdown.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/dropdown.svg) no-repeat 50% 50%;
  mask: url(../images/dropdown.svg) no-repeat 50% 50%;
  top: 10px;
  left: 0;
}
/* line 3544, ../scss/breakpoints/_base.scss */
#toggle-filter-region.current {
  border-radius: 3px;
  background: #fff;
  color: #1477c9;
}
/* line 3549, ../scss/breakpoints/_base.scss */
#toggle-filter-region.current:before {
  background: url(../images/dropdown-b.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/dropdown-b.svg) no-repeat 50% 50%;
  mask: url(../images/dropdown-b.svg) no-repeat 50% 50%;
  transform: scaleY(-1);
}

/* line 3557, ../scss/breakpoints/_base.scss */
.leaflet-top .leaflet-control {
  margin-top: 60px !important;
}

/* line 3561, ../scss/breakpoints/_base.scss */
.leaflet-bar {
  box-shadow: none !important;
}

/* line 3565, ../scss/breakpoints/_base.scss */
.leaflet-bar a {
  border-radius: 0 !important;
  background-color: #048ef1 !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  height: 30px !important;
  width: 30px !important;
  box-shadow: none !important;
}

/* line 3575, ../scss/breakpoints/_base.scss */
div.cartodb-popup.v2 {
  border-radius: 0 !important;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) !important;
}

/* line 3580, ../scss/breakpoints/_base.scss */
div.cartodb-popup {
  width: 315px !important;
  min-height: 100% !important;
  margin-left: calc(-315px / 2) !important;
}

/* line 3587, ../scss/breakpoints/_base.scss */
div.cartodb-popup.v2 div.cartodb-popup-tip-container {
  left: 146px !important;
}

/* line 3591, ../scss/breakpoints/_base.scss */
div.cartodb-popup.v2:before {
  border-left: 14px solid transparent !important;
  border-right: 14px solid transparent !important;
  border-top: 14px solid #fff !important;
  left: 135px !important;
}

/* line 3598, ../scss/breakpoints/_base.scss */
div.cartodb-popup h1 {
  font-size: 15px !important;
  text-transform: uppercase !important;
  color: #0475cc !important;
  margin: 0 0 15px 0 !important;
  letter-spacing: 0.5px !important;
  font-family: "Bariol", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  width: 100% !important;
  display: block !important;
}

/* line 3610, ../scss/breakpoints/_base.scss */
div.cartodb-popup.v2 div.cartodb-popup-content {
  height: 100% !important;
  max-height: 100% !important;
}
/* line 3613, ../scss/breakpoints/_base.scss */
div.cartodb-popup.v2 div.cartodb-popup-content .jspContainer {
  height: 100%;
}
/* line 3616, ../scss/breakpoints/_base.scss */
div.cartodb-popup.v2 div.cartodb-popup-content .jspPane {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 3624, ../scss/breakpoints/_base.scss */
div.cartodb-popup .cartodb-popup-content p {
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: 0.3px !important;
  max-width: 100% !important;
}

/* line 3631, ../scss/breakpoints/_base.scss */
div.cartodb-popup .cartodb-popup-content p.meta {
  font-size: 11px !important;
  color: rgba(85, 85, 85, 0.5);
  text-transform: uppercase;
}

/* line 3637, ../scss/breakpoints/_base.scss */
div.cartodb-popup .jspContainer:after {
  background: none !important;
}

/* line 3641, ../scss/breakpoints/_base.scss */
div.cartodb-popup .cartodb-popup-close-button {
  box-shadow: none !important;
  top: 0px !important;
  right: 0px !important;
  transform: scale(1.5) !important;
  background-color: transparent !important;
}

/* line 3649, ../scss/breakpoints/_base.scss */
.popup-link-project {
  background-color: #1477c9;
  display: block;
}
/* line 3652, ../scss/breakpoints/_base.scss */
.popup-link-project a {
  color: white !important;
  text-decoration: none;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

/* line 3664, ../scss/breakpoints/_base.scss */
.amount-of-posts {
  font-weight: bold;
  color: #048EF1;
  font-size: 15px;
  top: -5px !important;
  left: 2px !important;
}

/* line 3672, ../scss/breakpoints/_base.scss */
.amount-of-posts-2 {
  font-weight: bold;
  color: #048EF1;
  font-size: 15px;
  top: -5px !important;
  left: -2px !important;
}

/* line 3680, ../scss/breakpoints/_base.scss */
.home .index-row article, .home .index-row .card-third {
  margin: 0 0 50px;
}

/* line 3684, ../scss/breakpoints/_base.scss */
.home .index-row .row-container {
  justify-content: space-between;
}

/* line 3688, ../scss/breakpoints/_base.scss */
.archive #contact .contact-form textarea, .page #contact .contact-form textarea {
  width: 50%;
}

/* line 3692, ../scss/breakpoints/_base.scss */
.home .index-row .resource-list {
  max-height: 345px;
  min-height: 80%;
}

/* line 3697, ../scss/breakpoints/_base.scss */
.page #principles, .page #contact, .page #more-content, .page #partners, .page #members, .page #newsletter {
  margin: 0;
  padding: 0px 0 0;
}

/* line 3702, ../scss/breakpoints/_base.scss */
.page #partners p a {
  color: #0475cc;
}

@media (min-width: 1024px) {
  /* line 3707, ../scss/breakpoints/_base.scss */
  .home .index-row#news .row-container {
    padding-right: 45px;
  }

  /* line 3710, ../scss/breakpoints/_base.scss */
  .home .index-row .card-third .twitter {
    height: 100%;
  }

  /* line 3713, ../scss/breakpoints/_base.scss */
  .index-row .card-third.twitter-timeline-container {
    margin: 0px 0px 50px 0px !important;
  }
}
@media (max-width: 1024px) {
  /* line 3719, ../scss/breakpoints/_base.scss */
  .index-title h3 {
    font-size: 38px;
    margin: -70px auto 40px;
  }

  /* line 3723, ../scss/breakpoints/_base.scss */
  .home .index-title h3 {
    font-size: 38px;
    margin: 0px auto 40px;
  }

  /* line 3727, ../scss/breakpoints/_base.scss */
  .home .index-title:first-child {
    margin: 20px 0 -50px;
  }

  /* line 3730, ../scss/breakpoints/_base.scss */
  .home #resources .card-third:last-child a:last-child span {
    margin: 40px auto 0;
  }

  /* line 3733, ../scss/breakpoints/_base.scss */
  .home .index-row .card-third span:not(#current-total-post-count) {
    margin: 40px auto 0px;
  }

  /* line 3736, ../scss/breakpoints/_base.scss */
  .home .index-row.last-resources a {
    width: 100%;
    margin: 5px 0;
  }

  /* line 3740, ../scss/breakpoints/_base.scss */
  .index-separator {
    margin: 0;
  }

  /* line 3743, ../scss/breakpoints/_base.scss */
  .contact-form input[type=email], .contact-form input[type=text], .page #contact .contact-form textarea {
    width: 70% !important;
  }

  /* line 3746, ../scss/breakpoints/_base.scss */
  .archive #contact .contact-form .contact-submit .pushbutton-wide, .page #contact .contact-form .contact-submit .pushbutton-wide {
    right: 12px;
  }

  /* line 3749, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper span a i {
    display: none !important;
  }

  /* line 3753, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper span a {
    line-height: 25px !important;
    padding: 0 10px;
  }

  /* line 3757, ../scss/breakpoints/_base.scss */
  .no-home .header nav {
    width: 80%;
  }

  /* line 3760, ../scss/breakpoints/_base.scss */
  .archive #content .wrap {
    width: 96% !important;
  }

  /* line 3763, ../scss/breakpoints/_base.scss */
  .index-row article.project, .index-row .card-third.project {
    max-width: 100%;
    width: calc(50% - 20px);
  }

  /* line 3767, ../scss/breakpoints/_base.scss */
  .home .header nav {
    width: 100%;
  }

  /* line 3770, ../scss/breakpoints/_base.scss */
  .home .index-row {
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 20px 0;
    width: 100%;
    align-items: center;
  }

  /* line 3777, ../scss/breakpoints/_base.scss */
  .home .index-row#news .row-container {
    width: 50%;
    position: relative;
    display: block;
    -webkit-flex-direction: column;
    flex-direction: column;
    top: 0;
  }

  /* line 3785, ../scss/breakpoints/_base.scss */
  .home .index-row.last-resources {
    margin: -40px 0 20px;
    width: 100%;
  }

  /* line 3789, ../scss/breakpoints/_base.scss */
  .home #map-fake .what-list h2 {
    font-size: 29px;
  }

  /* line 3792, ../scss/breakpoints/_base.scss */
  .home #map-fake .what-list h3 {
    font-size: 18px;
  }

  /* line 3795, ../scss/breakpoints/_base.scss */
  .home #map-fake .what-list > nav span i {
    height: 80px;
    width: 80px;
  }

  /* line 3799, ../scss/breakpoints/_base.scss */
  .footer .-ft-legal {
    width: 100%;
  }

  /* line 3802, ../scss/breakpoints/_base.scss */
  .footer .-ft-content form {
    width: 210px;
  }

  /* line 3805, ../scss/breakpoints/_base.scss */
  .footer .-ft-content img {
    left: 0;
  }

  /* line 3808, ../scss/breakpoints/_base.scss */
  .footer .-ft-content .-ft-logo a {
    display: block;
  }

  /* line 3811, ../scss/breakpoints/_base.scss */
  .home .index-row article.resource-cont, .index-row .card-third.resource-cont {
    width: 100vh;
    margin: 30px 0;
  }

  /* line 3815, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper span {
    font-size: 14px;
    padding: 3px 1px;
  }

  /* line 3819, ../scss/breakpoints/_base.scss */
  .post-type-archive-resource #main .row-container article {
    margin: 10px auto;
  }

  /* line 3822, ../scss/breakpoints/_base.scss */
  .page .about-content .card-third ol {
    height: 100%;
  }

  /* line 3825, ../scss/breakpoints/_base.scss */
  .page .about-content .card-third ol li {
    width: 100%;
    padding: 0;
    height: auto;
  }

  /* line 3830, ../scss/breakpoints/_base.scss */
  .page .about-content .card-third p {
    -webkit-columns: 1;
    columns: 1;
    padding: 0 0 20px;
  }

  /* line 3835, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper.filters span.title {
    display: none;
  }

  /* line 3838, ../scss/breakpoints/_base.scss */
  div#principles.m-all.cf.index-row.about-content ol, div#principles.m-all.index-row.about-content.comment-respond ol {
    display: block;
  }

  /* line 3841, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper span.current {
    color: #1477c9;
  }

  /* line 3844, ../scss/breakpoints/_base.scss */
  .blue-bar-top.about .wrapper span.current:hover {
    background-color: #fff;
    color: #1477c9;
  }

  /* line 3848, ../scss/breakpoints/_base.scss */
  .entry-content img {
    display: block;
  }

  /* line 3851, ../scss/breakpoints/_base.scss */
  .hentry.-odri-post.has-sidebar {
    display: block;
    width: 100%;
  }

  /* line 3855, ../scss/breakpoints/_base.scss */
  .sidebar {
    width: 100%;
    display: block;
    margin: -30px 0 0 !important;
    padding: 0;
  }

  /* line 3861, ../scss/breakpoints/_base.scss */
  .sidebar h4 {
    font-size: 17px;
  }

  /* line 3864, ../scss/breakpoints/_base.scss */
  .sidebar ul {
    width: 360px;
  }

  /* line 3867, ../scss/breakpoints/_base.scss */
  .sidebar p {
    display: block;
    height: 80px;
  }

  /* line 3871, ../scss/breakpoints/_base.scss */
  .sidebar li {
    width: 100%;
    display: inline-block;
  }

  /* line 3875, ../scss/breakpoints/_base.scss */
  .sidebar li span {
    margin-right: 5px;
    float: left;
    position: relative;
    top: -3px;
  }

  /* line 3881, ../scss/breakpoints/_base.scss */
  .sidebar li a {
    height: 80px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
  }

  /* line 3889, ../scss/breakpoints/_base.scss */
  .sidebar i {
    width: 210px;
    position: relative;
    top: -6px;
  }

  /* line 3894, ../scss/breakpoints/_base.scss */
  .category-open-data-platforms #main > h1, .category-open-data-platforms #main > p, .category-community-mapping #main > h1, .category-community-mapping #main > p, .category-africa #main > h1, .category-africa #main > p, .category-east-asia-pacific #main > h1, .category-east-asia-pacific #main > p, .category-europe-and-central-asia #main > h1, .category-europe-and-central-asia #main > p, .category-latin-america-and-caribbean #main > h1, .category-latin-america-and-caribbean #main > p, .category-middle-east-and-north-africa #main > h1, .category-middle-east-and-north-africa #main > p, .category-non-wb-countries #main > h1, .category-non-wb-countries #main > p, .category-south-asia #main > h1, .category-south-asia #main > p, .category-risk-visualization #main > h1, .category-risk-visualization #main > p, .category-news #main > h1, .category-news #main > p, .post-type-archive-resource #main > h1, .post-type-archive-resource #main > p {
    max-width: 100%;
  }

  /* line 3897, ../scss/breakpoints/_base.scss */
  .category-open-data-platforms #main .row-container article, .category-community-mapping #main .row-container article, .category-africa #main .row-container article, .category-east-asia-pacific #main .row-container article, .category-europe-and-central-asia #main .row-container article, .category-latin-america-and-caribbean #main .row-container article, .category-middle-east-and-north-africa #main .row-container article, .category-non-wb-countries #main .row-container article, .category-south-asia #main .row-container article, .category-risk-visualization #main .row-container article, .category-news #main .row-container article, .post-type-archive-resource #main .row-container article {
    max-width: calc(50% - 20px);
  }

  /* line 3900, ../scss/breakpoints/_base.scss */
  .home .index-row article, .home .index-row .card-third {
    width: 360px;
    max-width: calc(50% - 20px);
  }

  /* line 3904, ../scss/breakpoints/_base.scss */
  .search .index-row article, .search .index-row .card-third, .single .index-row.more-content .row-container article {
    max-width: calc(100% - 20px) !important;
    width: calc(50% - 20px) !important;
  }

  /* line 3908, ../scss/breakpoints/_base.scss */
  .home #news.index-row {
    flex-direction: row;
    width: 100%;
  }

  /* line 3912, ../scss/breakpoints/_base.scss */
  .home #news.index-row article, .home #news.index-row .card-third {
    max-width: calc(100% - 20px);
    margin: 0 0 50px !important;
  }

  /* line 3916, ../scss/breakpoints/_base.scss */
  .home #news.index-row article:last-child {
    position: absolute;
    top: 66.7%;
    right: -100%;
  }

  /* line 3921, ../scss/breakpoints/_base.scss */
  .index-row .card-third.twitter-timeline-container {
    position: relative;
    align-self: baseline;
    width: 360px;
  }

  /* line 3926, ../scss/breakpoints/_base.scss */
  .index-row .card-third .twitter {
    width: auto;
  }

  /* line 3929, ../scss/breakpoints/_base.scss */
  .home #resources.index-row {
    align-items: flex-start;
  }

  /* line 3932, ../scss/breakpoints/_base.scss */
  .home #resources.index-row .first-text {
    width: 100%;
    max-width: calc(100% - 20px);
    height: auto;
  }

  /* line 3937, ../scss/breakpoints/_base.scss */
  .home #resources.index-row > .row-container, .home #resources.index-row > .row-container > a {
    width: 100%;
    margin: 0 0 2.5px;
  }

  /* line 3941, ../scss/breakpoints/_base.scss */
  .home #resources.index-row article.resource-cont, .index-row .card-third.resource-cont {
    width: calc(100% - 20px);
    margin: 0;
    max-width: 100%;
    height: auto;
    display: inline-block;
  }

  /* line 3948, ../scss/breakpoints/_base.scss */
  .home #inner-content > .last-resources {
    margin: 0 0 50px !important;
  }

  /* line 3951, ../scss/breakpoints/_base.scss */
  .home #inner-content > .last-resources article {
    width: 100%;
    max-width: calc(100% - 20px);
    display: inline-block;
    margin: 0 !important;
    height: auto;
  }

  /* line 3958, ../scss/breakpoints/_base.scss */
  .home .index-row .resource-list.home {
    max-width: calc(100% - 20px);
    width: 100%;
    margin: 30px 0 0 0;
    height: auto;
    display: block;
    min-height: 40px;
  }

  /* line 3966, ../scss/breakpoints/_base.scss */
  .post-type-archive .index-row.last-resources {
    flex-direction: row;
  }

  /* line 3969, ../scss/breakpoints/_base.scss */
  .post-type-archive-resource #main .row-container article {
    margin: 0;
    width: 360px;
    max-width: 100%;
  }

  /* line 3974, ../scss/breakpoints/_base.scss */
  .category-open-data-platforms #main .row-container article, .category-community-mapping #main .row-container article, .category-africa #main .row-container article, .category-east-asia-pacific #main .row-container article, .category-europe-and-central-asia #main .row-container article, .category-latin-america-and-caribbean #main .row-container article, .category-middle-east-and-north-africa #main .row-container article, .category-non-wb-countries #main .row-container article, .category-south-asia #main .row-container article, .category-risk-visualization #main .row-container article, .category-news #main .row-container article, .post-type-archive-resource #main .row-container article {
    max-width: 100%;
    width: calc(50% - 20px);
  }

  /* line 3978, ../scss/breakpoints/_base.scss */
  .page #contact.index-row {
    flex-direction: column;
  }

  /* line 3981, ../scss/breakpoints/_base.scss */
  .archive #contact .index-row, .page #contact .index-row {
    width: 100%;
  }

  /* line 3984, ../scss/breakpoints/_base.scss */
  .archive #contact .-m-form, .page #contact .-m-form {
    margin: 40px 0 0;
    width: 100%;
  }

  /* line 3988, ../scss/breakpoints/_base.scss */
  .resources-page-list .resource-list-new {
    width: 100%;
  }

  /* line 3991, ../scss/breakpoints/_base.scss */
  .resources-page-list .index-row.last-resources {
    flex-direction: column;
  }

  /* line 3994, ../scss/breakpoints/_base.scss */
  .resources-page-list .index-row.last-resources .resource-cont {
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
  }

  /* line 3999, ../scss/breakpoints/_base.scss */
  .home .what-explore {
    width: 230px;
  }

  /* line 4002, ../scss/breakpoints/_base.scss */
  .archive .pillars-list-about, .page .pillars-list-about {
    flex-direction: column;
  }

  /* line 4005, ../scss/breakpoints/_base.scss */
  .archive .pillars-list-about .p-info, .page .pillars-list-about .p-info {
    min-height: auto;
    margin: 0;
  }

  /* line 4009, ../scss/breakpoints/_base.scss */
  .archive .pillars-list-about .p-info .explore-projects, .page .pillars-list-about .p-info .explore-projects {
    position: relative;
  }

  /* line 4012, ../scss/breakpoints/_base.scss */
  .page .about-content .card-third > p.principles-column-title {
    display: none;
  }
}
@media (max-width: 768px) {
  /* line 4018, ../scss/breakpoints/_base.scss */
  .home #resources {
    margin: 0px 0px 0px;
  }

  /* line 4021, ../scss/breakpoints/_base.scss */
  .index-separator {
    margin: -70px 0px 0px;
  }

  /* line 4024, ../scss/breakpoints/_base.scss */
  .index-separator span {
    width: 23%;
    background: transparent;
  }

  /* line 4028, ../scss/breakpoints/_base.scss */
  .archive #about.index-row, .archive #principles.index-row, .archive #contact.index-row, .archive #more-content.index-row, .page #about.index-row, .page #principles.index-row, .page #contact.index-row, .page #more-content.index-row, .page #newsletter {
    margin: 0;
    padding: 0;
  }

  /* line 4032, ../scss/breakpoints/_base.scss */
  .page #contact .-m-form {
    width: 100%;
    display: table;
  }

  /* line 4036, ../scss/breakpoints/_base.scss */
  #logo img {
    display: none;
  }

  /* line 4039, ../scss/breakpoints/_base.scss */
  #logo a {
    content: '';
    background-image: url(/wp-content/themes/openDRI/logo-extended.svg);
    width: 305px;
    background-repeat: no-repeat;
    height: 55px;
    visibility: visible;
    display: block;
    position: relative;
    top: -5px;
  }

  /* line 4050, ../scss/breakpoints/_base.scss */
  .no-home .header .hr {
    display: block;
  }

  /* line 4053, ../scss/breakpoints/_base.scss */
  .header nav img {
    top: -13px;
  }

  /* line 4056, ../scss/breakpoints/_base.scss */
  .no-home .header nav {
    top: 10px;
  }

  /* line 4059, ../scss/breakpoints/_base.scss */
  .header nav span {
    font-size: 11px;
    line-height: 20px;
    height: 20px;
  }

  /* line 4064, ../scss/breakpoints/_base.scss */
  .header nav span.current {
    padding-bottom: 0;
  }

  /* line 4067, ../scss/breakpoints/_base.scss */
  .header nav span.float-center {
    position: relative;
    top: -5px;
    width: 100%;
  }

  /* line 4072, ../scss/breakpoints/_base.scss */
  .header nav a:hover:before {
    content: none;
  }

  /* line 4075, ../scss/breakpoints/_base.scss */
  .home #map-fake .what-list {
    width: 100%;
    padding: 20px;
  }

  /* line 4079, ../scss/breakpoints/_base.scss */
  .home .what-explore {
    display: none;
  }

  /* line 4082, ../scss/breakpoints/_base.scss */
  .blue-bar-top.about {
    align-items: center;
    height: 180px;
    margin: 0 0 -20px;
  }

  /* line 4087, ../scss/breakpoints/_base.scss */
  .home .index-row article.resource-cont, .index-row .card-third.resource-cont {
    width: 50vh;
  }

  /* line 4090, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter li:first-child i {
    display: none;
  }

  /* line 4093, ../scss/breakpoints/_base.scss */
  .archive .cdbmap, .page .cdbmap {
    height: 330px;
  }

  /* line 4096, ../scss/breakpoints/_base.scss */
  .no-home .header nav {
    width: 100%;
  }

  /* line 4099, ../scss/breakpoints/_base.scss */
  .no-home .header {
    height: 120px;
  }

  /* line 4102, ../scss/breakpoints/_base.scss */
  .header {
    padding: 0 2%;
  }

  /* line 4105, ../scss/breakpoints/_base.scss */
  .home .header {
    height: 127px;
  }

  /* line 4108, ../scss/breakpoints/_base.scss */
  .home .header nav {
    height: 40px;
  }

  /* line 4111, ../scss/breakpoints/_base.scss */
  #map-fake .what-list > nav span {
    font-size: 12px;
    letter-spacing: 0.4px;
  }

  /* line 4115, ../scss/breakpoints/_base.scss */
  .home #map-fake .what-list > nav span i {
    height: 70px;
    width: 70px;
    background-size: 35px;
  }

  /* line 4120, ../scss/breakpoints/_base.scss */
  .home #map-fake .what-list h2 {
    margin: 0;
  }

  /* line 4123, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper.filters span {
    top: 0;
    padding: 10px;
    margin: 0;
    width: 65px;
  }

  /* line 4129, ../scss/breakpoints/_base.scss */
  #blue-bar-pick-pillar {
    height: 70px;
    border: none;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    overflow: hidden;
  }

  /* line 4136, ../scss/breakpoints/_base.scss */
  .blue-bar-top {
    align-items: flex-start;
    height: 240px;
    margin: 0;
    width: 100%;
  }

  /* line 4142, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  /* line 4146, ../scss/breakpoints/_base.scss */
  .blue-bar-top.about .wrapper {
    height: 80%;
    width: 95%;
  }

  /* line 4150, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter li {
    display: table;
    padding: 0 10px 0 0 !important;
  }

  /* line 4154, ../scss/breakpoints/_base.scss */
  .category .blue-bar-top .region-filter li:first-child {
    padding: inherit;
  }

  /* line 4157, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter {
    position: relative;
    display: inline !important;
    background-color: transparent;
  }

  /* line 4162, ../scss/breakpoints/_base.scss */
  #toggle-filter-region {
    display: none;
    width: 100%;
  }

  /* line 4166, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter li.clear-map {
    display: none;
  }

  /* line 4169, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter li::first-child {
    padding: 0;
  }

  /* line 4172, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter input {
    position: relative;
    top: -10px;
  }

  /* line 4176, ../scss/breakpoints/_base.scss */
  .blue-bar-top.fixed {
    position: inherit;
    top: inherit;
    width: inherit;
    opacity: inherit;
  }

  /* line 4182, ../scss/breakpoints/_base.scss */
  .index-row .row-container, .page .index-row .row-container {
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  /* line 4191, ../scss/breakpoints/_base.scss */
  .archive .blue-bar-top {
    display: none;
  }

  /* line 4194, ../scss/breakpoints/_base.scss */
  .archive .blue-bar-top-m {
    display: block;
  }

  /* line 4197, ../scss/breakpoints/_base.scss */
  .page #partners .-m-partner {
    width: 100%;
  }

  /* line 4200, ../scss/breakpoints/_base.scss */
  .archive #contact, .page #contact {
    display: table;
  }

  /* line 4203, ../scss/breakpoints/_base.scss */
  .archive .corner-map, .page .corner-map {
    display: none;
  }

  /* line 4206, ../scss/breakpoints/_base.scss */
  .page #more-content > .card-third {
    width: 100%;
  }

  /* line 4209, ../scss/breakpoints/_base.scss */
  .page #members h3 {
    width: 100%;
  }

  /* line 4212, ../scss/breakpoints/_base.scss */
  .page #partners h3 {
    width: 100%;
  }

  /* line 4215, ../scss/breakpoints/_base.scss */
  .page #contact .index-row .card-third {
    padding: 0 0 10px;
  }

  /* line 4218, ../scss/breakpoints/_base.scss */
  .category-news .blue-bar-top,
  .category-community-mapping .blue-bar-top,
  .category-risk-visualization .blue-bar-top,
  .category-open-data-platforms .blue-bar-top,
  .category-africa .blue-bar-top,
  .category-east-asia-pacific .blue-bar-top,
  .category-europe-and-central-asia .blue-bar-top,
  .category-latin-america-and-caribbean .blue-bar-top,
  .category-middle-east-and-north-africa .blue-bar-top,
  .category-non-wb-countries .blue-bar-top,
  .category-south-asia .blue-bar-top {
    height: 160px;
  }

  /* line 4231, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter li {
    display: inline;
  }

  /* line 4234, ../scss/breakpoints/_base.scss */
  .category-news #main > h3,
  .category-news #main > h1,
  .category-community-mapping #main > h3,
  .category-community-mapping #main > h1,
  .category-risk-visualization #main > h3,
  .category-risk-visualization #main > h1,
  .category-open-data-platforms #main > h3,
  .category-open-data-platforms #main > h1,
  .category-community-mapping #main > h3,
  .category-risk-visualization #main > h3,
  .category-open-data-platforms #main > h3,
  .category-africa #main > h3,
  .category-east-asia-pacific #main > h3,
  .category-europe-and-central-asia #main > h3,
  .category-latin-america-and-caribbean #main > h3,
  .category-middle-east-and-north-africa #main > h3,
  .category-non-wb-countries #main > h3,
  .category-south-asia #main > h3,
  .category-africa #main > h1,
  .category-east-asia-pacific #main > h1,
  .category-europe-and-central-asia #main > h1,
  .category-latin-america-and-caribbean #main > h1,
  .category-middle-east-and-north-africa #main > h1,
  .category-non-wb-countries #main > h1,
  .category-south-asia #main > h1 {
    max-width: 100%;
  }

  /* line 4261, ../scss/breakpoints/_base.scss */
  .category-news #main .row-container article,
  .post-type-archive-resource #main .row-container article,
  .category-community-mapping #main .row-container article,
  .category-risk-visualization #main .row-container article,
  .category-open-data-platforms #main .row-container article,
  .category-africa #main .row-container article,
  .category-east-asia-pacific #main .row-container article,
  .category-europe-and-central-asia #main .row-container article,
  .category-latin-america-and-caribbean #main .row-container article,
  .category-middle-east-and-north-africa #main .row-container article,
  .category-non-wb-countries #main .row-container article,
  .category-south-asia #main .row-container article {
    max-width: none;
    width: 100%;
    margin: 20px 0px;
  }

  /* line 4277, ../scss/breakpoints/_base.scss */
  .category-open-data-platforms #main .row-container article header, .category-community-mapping #main .row-container article header, .category-risk-visualization #main .row-container article header, .category-news #main .row-container article header, .post-type-archive-resource #main .row-container article header, .category-africa #main, .category-east-asia-pacific #main, .category-europe-and-central-asia #main, .category-latin-america-and-caribbean #main, .category-middle-east-and-north-africa #main, .category-non-wb-countries #main, .category-south-asia #main {
    bottom: 50%;
  }

  /* line 4280, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter {
    top: 0;
  }

  /* line 4283, ../scss/breakpoints/_base.scss */
  .category-news #main,
  .category-community-mapping #main,
  .category-risk-visualization #main,
  .category-open-data-platforms #main {
    margin: 30px 0 0;
  }

  /* line 4289, ../scss/breakpoints/_base.scss */
  .hentry.-odri-post.category-news, .hentry.-odri-post.category-projects {
    width: 100%;
    padding: 1em;
  }

  /* line 4293, ../scss/breakpoints/_base.scss */
  div#principles.m-all.cf.index-row.about-content, div#principles.m-all.index-row.about-content.comment-respond {
    height: 100%;
    display: block;
  }

  /* line 4297, ../scss/breakpoints/_base.scss */
  .page .about-content:not(#more-content) .card-third .principles-columns {
    flex-direction: column;
  }
  /* line 4299, ../scss/breakpoints/_base.scss */
  .page .about-content:not(#more-content) .card-third .principles-columns .principles-column {
    width: 100%;
  }

  /* line 4303, ../scss/breakpoints/_base.scss */
  .page .p-info.double p {
    width: 100%;
  }

  /* line 4306, ../scss/breakpoints/_base.scss */
  .page #members .-m-team-member {
    display: block;
  }

  /* line 4309, ../scss/breakpoints/_base.scss */
  .page #partners .-m-partner .-m-info, .page #members .-m-team-member .-m-info {
    width: 100%;
    margin: 0;
  }

  /* line 4313, ../scss/breakpoints/_base.scss */
  .page #partners .-m-partner img {
    width: 100%;
  }

  /* line 4316, ../scss/breakpoints/_base.scss */
  .page #members .-m-team-member img {
    display: block;
    margin: 0 auto 30px;
  }

  /* line 4320, ../scss/breakpoints/_base.scss */
  .page #contact .contact-form textarea {
    width: 100%;
  }

  /* line 4323, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper span a i {
    transform: scale(2);
    visibility: visible;
    margin: 10px;
  }

  /* line 4328, ../scss/breakpoints/_base.scss */
  .resources-page-list .blue-bar-top {
    height: 170px;
  }

  /* line 4331, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper span a {
    visibility: hidden;
  }

  /* line 4334, ../scss/breakpoints/_base.scss */
  .resources-page-list .blue-bar-top .wrapper span a {
    visibility: visible;
  }

  /* line 4337, ../scss/breakpoints/_base.scss */
  .blue-bar-top .wrapper .region-filter li a {
    width: initial;
    display: inherit;
  }

  /* line 4341, ../scss/breakpoints/_base.scss */
  .header nav input.visible {
    top: -3px;
    width: 90%;
    margin: 0;
    position: relative;
    text-align: center;
  }

  /* line 4348, ../scss/breakpoints/_base.scss */
  .post-type-archive-project #main > h3,
  .post-type-archive-resource #main > h3 {
    width: 100%;
    max-width: 100%;
  }

  /* line 4353, ../scss/breakpoints/_base.scss */
  .post-type-archive-resource #main {
    margin: 30px 6px 0;
  }

  /* line 4356, ../scss/breakpoints/_base.scss */
  .blue-bar-top.about .wrapper span a {
    visibility: visible;
  }

  /* line 4361, ../scss/breakpoints/_base.scss */
  .index-row .resource-list li {
    display: block;
    width: 90%;
  }

  /* line 4365, ../scss/breakpoints/_base.scss */
  .leaflet-top .leaflet-control {
    margin-top: 10px !important;
  }

  /* line 4368, ../scss/breakpoints/_base.scss */
  #map-fake {
    height: 440px;
  }

  /* line 4371, ../scss/breakpoints/_base.scss */
  #map-fake:after {
    background: #0e5fa2;
  }

  /* line 4374, ../scss/breakpoints/_base.scss */
  .index-row .card-third.twitter-timeline-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 !important;
  }

  /* line 4383, ../scss/breakpoints/_base.scss */
  .index-row .card-third .twitter > span {
    left: 40px;
  }

  /* line 4386, ../scss/breakpoints/_base.scss */
  .index-row article, .index-row .card-third {
    margin: 0 15px 30px;
  }

  /* line 4389, ../scss/breakpoints/_base.scss */
  .index-row article, .index-row .card-third::last-child {
    margin: 0 15px 0px;
  }

  /* line 4392, ../scss/breakpoints/_base.scss */
  .hentry {
    border-radius: 0;
  }

  /* line 4395, ../scss/breakpoints/_base.scss */
  .page #inner-content {
    padding: 0 3%;
  }

  /* line 4398, ../scss/breakpoints/_base.scss */
  .page .about-content h3, .page .more-content h3, .page #contact h3, .page #more-content h3, .page #partners h3, .page #members h3 {
    margin: 60px 0 10px 0;
    font-size: 35px;
    padding: 0;
  }

  /* line 4403, ../scss/breakpoints/_base.scss */
  .blue-bar-top.about .wrapper span.current {
    color: #fff;
    background: transparent;
    padding: 0;
  }

  /* line 4408, ../scss/breakpoints/_base.scss */
  .footer {
    display: none;
  }

  /* line 4411, ../scss/breakpoints/_base.scss */
  .footer.mobile {
    display: block;
  }

  /* line 4414, ../scss/breakpoints/_base.scss */
  .footer.mobile .-ft-content {
    flex-direction: column;
    align-items: center;
    height: 190px;
  }

  /* line 4419, ../scss/breakpoints/_base.scss */
  .footer.mobile .-ft-content #mc-embedded-subscribe {
    width: 100px;
  }

  /* line 4422, ../scss/breakpoints/_base.scss */
  .footer.mobile .-ft-content .-ft-newsletter span {
    font-weight: bold;
    font-size: 15px;
  }

  /* line 4426, ../scss/breakpoints/_base.scss */
  .footer.mobile .-ft-content form {
    width: 310px;
  }

  /* line 4429, ../scss/breakpoints/_base.scss */
  .footer.mobile .-ft-content nav {
    flex-direction: row;
    justify-content: space-between;
    width: 310px;
  }

  /* line 4434, ../scss/breakpoints/_base.scss */
  .footer.mobile .-ft-content .-ft-logo a {
    display: inline;
    left: 3px;
  }

  /* line 4438, ../scss/breakpoints/_base.scss */
  #pic-banner {
    height: 135px;
    margin: 0 0 0px;
  }

  /* line 4442, ../scss/breakpoints/_base.scss */
  .about-content.index-row {
    margin: 60px -10px;
  }

  /* line 4445, ../scss/breakpoints/_base.scss */
  .page .p-info {
    justify-content: flex-start;
  }

  /* line 4448, ../scss/breakpoints/_base.scss */
  .single .wrap {
    width: 100%;
  }

  /* line 4451, ../scss/breakpoints/_base.scss */
  #explore-more section .what-explore {
    top: 270px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    left: 100px;
    width: 170px;
    font-size: 20px;
  }

  /* line 4463, ../scss/breakpoints/_base.scss */
  .index-row.more-content h3 {
    padding: 0 0 0 10px;
  }

  /* line 4466, ../scss/breakpoints/_base.scss */
  .archive #contact .index-row, .page #contact .index-row {
    width: 100%;
  }

  /* line 4469, ../scss/breakpoints/_base.scss */
  .hentry.-odri-post h1, .archive h1 {
    font-size: 30px;
    line-height: 30px;
  }

  /* line 4473, ../scss/breakpoints/_base.scss */
  .archive h1 {
    margin: 20px 0;
  }

  /* line 4476, ../scss/breakpoints/_base.scss */
  .sidebar {
    width: 100%;
  }

  /* line 4479, ../scss/breakpoints/_base.scss */
  .sidebar h4 {
    padding: 0 0 0 10px;
  }

  /* line 4482, ../scss/breakpoints/_base.scss */
  .sidebar ul {
    width: calc(100% - 20px);
    margin: 0 auto;
  }

  /* line 4486, ../scss/breakpoints/_base.scss */
  i {
    width: 70%;
  }

  /* line 4489, ../scss/breakpoints/_base.scss */
  .single .index-row.more-content .row-container article {
    max-width: 100% !important;
    width: calc(100% - 40px) !important;
  }

  /* line 4493, ../scss/breakpoints/_base.scss */
  .index-row .card-third.project, .index-row article.project {
    max-width: 100%;
    width: 100%;
  }

  /* line 4497, ../scss/breakpoints/_base.scss */
  #content {
    overflow-x: initial;
  }

  /* line 4500, ../scss/breakpoints/_base.scss */
  .home #news.index-row {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  /* line 4504, ../scss/breakpoints/_base.scss */
  .home .index-row#news .row-container {
    width: calc(100% - 20px);
  }

  /* line 4507, ../scss/breakpoints/_base.scss */
  .home #news.index-row article, .home #news.index-row .card-third {
    width: 100%;
    max-width: 100%;
  }

  /* line 4511, ../scss/breakpoints/_base.scss */
  .home .index-row .first-text {
    height: auto;
  }

  /* line 4514, ../scss/breakpoints/_base.scss */
  .index-row .card-third .twitter {
    width: calc(100% - 20px);
  }

  /* line 4517, ../scss/breakpoints/_base.scss */
  .home .index-row article, .home .index-row .card-third {
    width: 100%;
    max-width: calc(100% - 20px);
  }

  /* line 4521, ../scss/breakpoints/_base.scss */
  .home #news.index-row article:last-child {
    position: relative;
    top: 0;
    right: 0;
  }

  /* line 4526, ../scss/breakpoints/_base.scss */
  .post-type-archive-resource #main .index-row {
    margin: 20px 0 !important;
    flex-direction: column;
  }

  /* line 4530, ../scss/breakpoints/_base.scss */
  .post-type-archive-resource .index-row.last-resources a {
    width: 100%;
    max-width: 100%;
  }

  /* line 4534, ../scss/breakpoints/_base.scss */
  .post-type-archive-resource .index-row.last-resources a article {
    height: 100px;
  }

  /* line 4537, ../scss/breakpoints/_base.scss */
  .home #resources.index-row article.resource-cont, .home #inner-content > .last-resources article {
    width: 100%;
    max-width: 100%;
  }

  /* line 4541, ../scss/breakpoints/_base.scss */
  .home .index-row .resource-list.home {
    margin: 20px 0 0 0;
  }

  /* line 4544, ../scss/breakpoints/_base.scss */
  .home #inner-content > .last-resources {
    margin: 0px 0 50px !important;
  }

  /* line 4547, ../scss/breakpoints/_base.scss */
  .page #contact .contact-form input, .page #contact .contact-form textarea {
    border: 1px solid #eee;
    width: 100% !important;
  }

  /* line 4551, ../scss/breakpoints/_base.scss */
  .archive #contact .contact-form .contact-submit .pushbutton-wide, .page #contact .contact-form .contact-submit .pushbutton-wide {
    width: 71px !important;
    left: 0;
  }

  /* line 4555, ../scss/breakpoints/_base.scss */
  .index-row article.resource-cont section h3, .index-row .card-third.resource-cont section h3 {
    font-size: 17px;
  }

  /* line 4558, ../scss/breakpoints/_base.scss */
  .category-open-data-platforms #main > h1, .category-open-data-platforms #main > p, .category-community-mapping #main > h1, .category-community-mapping #main > p, .category-africa #main > h1, .category-africa #main > p, .category-east-asia-pacific #main > h1, .category-east-asia-pacific #main > p, .category-europe-and-central-asia #main > h1, .category-europe-and-central-asia #main > p, .category-latin-america-and-caribbean #main > h1, .category-latin-america-and-caribbean #main > p, .category-middle-east-and-north-africa #main > h1, .category-middle-east-and-north-africa #main > p, .category-non-wb-countries #main > h1, .category-non-wb-countries #main > p, .category-south-asia #main > h1, .category-south-asia #main > p, .category-risk-visualization #main > h1, .category-risk-visualization #main > p, .category-news #main > h1, .category-news #main > p, .post-type-archive-resource #main > h1, .post-type-archive-resource #main > p {
    margin: 0 0 10px;
  }

  /* line 4561, ../scss/breakpoints/_base.scss */
  .blue-bar-top-m.active #blue-bar-pick-pillar li input {
    width: 103.4% !important;
    max-width: 103.4% !important;
  }

  /* line 4565, ../scss/breakpoints/_base.scss */
  .search .index-row article, .search .index-row .card-third, .single .index-row.more-content .row-container article {
    width: calc(100% - 20px) !important;
  }

  /* line 4568, ../scss/breakpoints/_base.scss */
  #explore-more section {
    width: 90%;
    height: 70%;
  }

  /* line 4572, ../scss/breakpoints/_base.scss */
  #explore-more section h2 {
    font-size: 30px;
    line-height: 30px;
  }

  /* line 4576, ../scss/breakpoints/_base.scss */
  #explore-more section h3 {
    font-size: 22px;
    line-height: 22px;
  }

  /* line 4580, ../scss/breakpoints/_base.scss */
  .archive #contact .contact-form label, .page #contact .contact-form label {
    text-align: center;
    width: 100%;
    padding: 10px 0 5px;
  }

  /* line 4585, ../scss/breakpoints/_base.scss */
  #map-fake .what-list > nav a {
    line-height: 15px;
  }

  /* line 4588, ../scss/breakpoints/_base.scss */
  .category-open-data-platforms #main, .category-community-mapping #main, .category-africa #main, .category-east-asia-pacific #main, .category-europe-and-central-asia #main, .category-latin-america-and-caribbean #main, .category-middle-east-and-north-africa #main, .category-non-wb-countries #main, .category-south-asia #main, .category-risk-visualization #main, .category-news #main, .post-type-archive-resource #main, .search #main, .tag #main {
    margin: 50px 0 0 0;
  }

  /* line 4591, ../scss/breakpoints/_base.scss */
  .search #main > h1, .tag #main > h1 {
    margin: 0 0 20px;
  }

  /* line 4594, ../scss/breakpoints/_base.scss */
  .search #main > p, .tag #main > p {
    display: none;
  }

  /* line 4597, ../scss/breakpoints/_base.scss */
  .search #main .row-container article, .tag #main .row-container article {
    width: 100%;
  }

  /* line 4600, ../scss/breakpoints/_base.scss */
  .page .pillars-list-about h4, .page .pillars-list-about p {
    width: 100%;
  }

  /* line 4603, ../scss/breakpoints/_base.scss */
  .resources-page-list .index-row {
    margin: 0;
  }

  /* line 4606, ../scss/breakpoints/_base.scss */
  .resources-page-list .resource-list-new li {
    display: inline;
  }

  /* line 4609, ../scss/breakpoints/_base.scss */
  .resources-page-list .resource-list-new li div {
    width: auto;
  }

  /* line 4612, ../scss/breakpoints/_base.scss */
  .resources-page-list .index-row.last-resources {
    flex-direction: column;
  }

  /* line 4615, ../scss/breakpoints/_base.scss */
  .resources-page-list .index-row .resource-cont {
    width: 100%;
    height: auto;
  }

  /* line 4619, ../scss/breakpoints/_base.scss */
  .archive .newsletter .subscribe form input[type=email], .page .newsletter .subscribe form input[type=email] {
    width: 70%;
  }

  /* line 4622, ../scss/breakpoints/_base.scss */
  .archive .newsletter .subscribe h4, .page .newsletter .subscribe h4 {
    height: 45px;
    font-size: 30px;
  }

  /* line 4626, ../scss/breakpoints/_base.scss */
  .resource-list-title {
    font-size: 28px;
    margin: 35px 0 0;
  }

  /* line 4630, ../scss/breakpoints/_base.scss */
  .single #explore-more .what-explore a {
    line-height: 34px;
  }

  /* line 4633, ../scss/breakpoints/_base.scss */
  h5 {
    margin: -40px 0 10px !important;
    position: relative;
    top: -0px !important;
    letter-spacing: 1px;
    text-transform: inherit;
    width: 90%;
    text-align: center;
    line-height: 15px;
  }
}
@media all and (-ms-high-contrast: none) {
  /* line 4646, ../scss/breakpoints/_base.scss */
  p.principles-column-title {
    width: 60% !important;
  }
}
/* line 4653, ../scss/breakpoints/_base.scss */
.osm-attribution {
  margin-top: 15px;
  display: none;
}

/* line 4658, ../scss/breakpoints/_base.scss */
body.-has-osm-attribution .osm-attribution {
  display: block;
}

/* line 4662, ../scss/breakpoints/_base.scss */
.entry-content ul {
  margin-left: 50px;
  margin-bottom: 4em;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  /* line 33, ../scss/breakpoints/_481up.scss */
  .menu {
    /* end .menu ul */
  }
  /* line 34, ../scss/breakpoints/_481up.scss */
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 35, ../scss/breakpoints/_481up.scss */
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  /* line 36, ../scss/breakpoints/_481up.scss */
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  /* line 93, ../scss/breakpoints/_481up.scss */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  /* line 96, ../scss/breakpoints/_481up.scss */
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  /* line 101, ../scss/breakpoints/_481up.scss */
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  /* line 106, ../scss/breakpoints/_481up.scss */
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /* line 26, ../scss/breakpoints/_768up.scss */
  .wrap {
    width: 760px;
  }

  /*********************
  HEADER STYLES
  *********************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 44, ../scss/breakpoints/_768up.scss */
  .nav {
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 46, ../scss/breakpoints/_768up.scss */
  .nav ul {
    background: #1b1b1b;
    margin-top: 0;
  }
  /* line 50, ../scss/breakpoints/_768up.scss */
  .nav li {
    float: left;
    position: relative;
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */
  }
  /* line 54, ../scss/breakpoints/_768up.scss */
  .nav li a {
    border-bottom: 0;
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  /* line 61, ../scss/breakpoints/_768up.scss */
  .nav li a:hover, .nav li a:focus {
    color: #fff;
    text-decoration: underline;
  }
  /* line 75, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    /* highlight sub-menu current page */
  }
  /* line 84, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  /* line 86, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc;
  }
  /* line 106, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  /* line 116, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  /* line 132, ../scss/breakpoints/_768up.scss */
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
  }

  /* end .nav */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  /* line 157, ../scss/breakpoints/_768up.scss */
  .sidebar {
    margin-top: 4em;
  }

  /* line 161, ../scss/breakpoints/_768up.scss */
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }

  /* line 166, ../scss/breakpoints/_768up.scss */
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  /* line 171, ../scss/breakpoints/_768up.scss */
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  }
  /* line 182, ../scss/breakpoints/_768up.scss */
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }

  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  /* line 407, ../scss/breakpoints/_768up.scss */
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */
  }

  /* end .footer-links */
}
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
  /* line 12, ../scss/breakpoints/_1030up.scss */
  .wrap {
    width: 1040px;
  }
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
}
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 13, ../scss/partials/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

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

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

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

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

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

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

  @page {
    margin: 0.5cm;
  }
  /* line 63, ../scss/partials/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

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

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