@charset "UTF-8";
/******************************************************************

Stylesheet: Main Stylesheet

Here's where the magic happens. Here is where you import
all of your Sass files so they can compile into one
CSS file. 

******************************************************************/
/******************************************************************

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants.

******************************************************************/
/*********************
TOOLS
*********************/
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i");
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('assets/fonts/font-name.eot');
    	src: url('assets/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('assets/fonts/font-name.woff') format('woff'),
             url('assets/fonts/font-name.ttf') format('truetype'),
             url('assets/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/*********************
CSS3 GRADIENTS.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

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

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

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

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

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

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

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

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

/**
 * Define consistent border, margin, and padding.
 * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
 */
/* fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
} */
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

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

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

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

td,
th {
  padding: 0;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  font-size: 100%;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  width: 100%;
  border-radius: 0;
}

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

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}
[data-whatinput=mouse] button {
  outline: 0;
}

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

.is-hidden {
  display: none !important;
}

.row {
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}
.row::before, .row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media screen and (min-width: 40em) {
  .row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
}
@media screen and (min-width: 90em) {
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .column, .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media screen and (min-width: 90em) {
  .column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.3333333333%;
  float: left;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.6666666667%;
  float: left;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.2857142857%;
  float: left;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.small-collapse .row {
  margin-left: 0;
  margin-right: 0;
}

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

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.small-centered {
  margin-left: auto;
  margin-right: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .medium-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .expanded.row .large-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .large-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .xlarge-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .xlarge-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .xlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .xlarge-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .xlarge-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .xlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .xlarge-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .xlarge-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .xlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .xlarge-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .xlarge-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xlarge-12 {
    width: 100%;
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
  }
  .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
  }
  .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
  }
  .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .xlarge-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .expanded.row .xlarge-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .xlarge-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xlarge-uncentered,
  .xlarge-push-0,
  .xlarge-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .xxlarge-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .xxlarge-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .xxlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .xxlarge-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .xxlarge-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .xxlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .xxlarge-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .xxlarge-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .xxlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .xxlarge-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .xxlarge-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xxlarge-12 {
    width: 100%;
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
  }
  .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
  }
  .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
  }
  .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .xxlarge-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .expanded.row .xxlarge-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .xxlarge-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xxlarge-uncentered,
  .xxlarge-push-0,
  .xxlarge-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #cacaca;
  line-height: 0;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.25rem;
  }
  h3 {
    font-size: 1.875rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 2rem;
  }
  h6 {
    font-size: 1rem;
  }
}
a {
  color: #2199e8;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
}
a:hover, a:focus {
  color: rgb(21.3946938776, 133.0191836735, 206.5053061224);
}
a img {
  border: 0;
}

hr {
  max-width: 105rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both;
}

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #1d1d1d;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #1d1d1d;
}
cite:before {
  content: "— ";
}

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e6e6e6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #1d1d1d;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

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

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

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

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

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

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #1d1d1d;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  border: 1px solid #1d1d1d;
  background-color: #fefefe;
  outline: none;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input::placeholder,
textarea::placeholder {
  color: #cacaca;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: default;
}

[type=submit],
[type=button] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  box-sizing: border-box;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}
.input-group > :first-child {
  border-radius: 0 0 0 0;
}
.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  height: 2.5rem;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  height: 100%;
  width: 1%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button {
  margin: 0;
}

.input-group .input-group-button {
  display: table-cell;
}

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

legend {
  margin-bottom: 0.5rem;
  max-width: 100%;
}

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0;
}
.fieldset legend {
  background: #fefefe;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2829, 29, 29%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -1rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
  padding-right: 1.5rem;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:disabled {
  background-color: #e6e6e6;
  cursor: default;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840;
}

.is-invalid-label {
  color: #ec5840;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840;
}
.form-error.is-visible {
  display: block;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 74.9375em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 89.9375em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 89.9375em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

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

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

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix::before, .clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}

.accordion {
  list-style-type: none;
  background: #fefefe;
  margin-left: 0;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #2199e8;
  position: relative;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
}
:last-child:not(.is-active) > .accordion-title {
  border-radius: 0 0 0 0;
  border-bottom: 1px solid #e6e6e6;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.5rem;
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  padding: 1rem;
  display: none;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #2199e8;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: rgb(254.85, 254.85, 254.85);
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: rgb(221.7, 239.7, 251.55);
}
.callout.secondary {
  background-color: rgb(234.6, 234.6, 234.6);
}
.callout.success {
  background-color: rgb(225.45, 249.6, 234.45);
}
.callout.warning {
  background-color: rgb(255, 242.85, 216.75);
}
.callout.alert {
  background-color: rgb(252.15, 229.95, 226.35);
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.close-button {
  position: absolute;
  color: #1d1d1d;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flex-video.widescreen {
  padding-bottom: 56.25%;
}
.flex-video.vimeo {
  padding-top: 0;
}

.media-object {
  margin-bottom: 1rem;
  display: block;
}
.media-object img {
  max-width: none;
}
@media screen and (max-width: 39.9375em) {
  .media-object.stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    display: block;
  }
  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}

.media-object-section {
  display: table-cell;
  vertical-align: top;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
.media-object-section.middle {
  vertical-align: middle;
}
.media-object-section.bottom {
  vertical-align: bottom;
}

.menu {
  margin: 0;
  list-style-type: none;
}
.menu > li {
  display: table-cell;
  vertical-align: middle;
}
[data-whatinput=mouse] .menu > li {
  outline: 0;
}
.menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}
.menu input,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
  vertical-align: middle;
}
.menu > li > a img + span,
.menu > li > a i + span,
.menu > li > a svg + span {
  vertical-align: middle;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
  margin-right: 0.25rem;
  display: inline-block;
}
.menu > li {
  display: table-cell;
}
.menu.vertical > li {
  display: block;
}
@media screen and (min-width: 40em) {
  .menu.medium-horizontal > li {
    display: table-cell;
  }
  .menu.medium-vertical > li {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .menu.large-horizontal > li {
    display: table-cell;
  }
  .menu.large-vertical > li {
    display: block;
  }
}
@media screen and (min-width: 75em) {
  .menu.xlarge-horizontal > li {
    display: table-cell;
  }
  .menu.xlarge-vertical > li {
    display: block;
  }
}
@media screen and (min-width: 90em) {
  .menu.xxlarge-horizontal > li {
    display: table-cell;
  }
  .menu.xxlarge-vertical > li {
    display: block;
  }
}
.menu.simple li {
  line-height: 1;
  display: inline-block;
  margin-right: 1rem;
}
.menu.simple a {
  padding: 0;
}
.menu.align-right::before, .menu.align-right::after {
  content: " ";
  display: table;
}
.menu.align-right::after {
  clear: both;
}
.menu.align-right > li {
  float: right;
}
.menu.expanded {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.menu.expanded > li:first-child:last-child {
  width: 100%;
}
.menu.icon-top > li > a {
  text-align: center;
}
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
  display: block;
  margin: 0 auto 0.25rem;
}
.menu.nested {
  margin-left: 1rem;
}
.menu .active > a {
  color: #fefefe;
  background: #2199e8;
}

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem;
}

.menu-centered {
  text-align: center;
}
.menu-centered > .menu {
  display: inline-block;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

html,
body {
  height: 100%;
}

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto;
}

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  min-height: 100%;
  transition: transform 0.5s ease;
}
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
  content: " ";
  display: table;
}
.off-canvas-wrapper-inner::after {
  clear: both;
}

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: #fefefe;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  z-index: 1;
  padding-bottom: 0.1px;
}

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 0.25);
  cursor: pointer;
  transition: background 0.5s ease;
}

.off-canvas {
  position: absolute;
  background: #1d1d1d;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  transform: translateX(0);
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.position-left {
  left: -280px;
  top: 0;
  width: 280px;
}
.is-open-left {
  transform: translateX(280px);
}

.off-canvas.position-right {
  right: -280px;
  top: 0;
  width: 280px;
}
.is-open-right {
  transform: translateX(-280px);
}

@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 280px;
  }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 280px;
  }
}
@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 280px;
  }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 280px;
  }
}
@media screen and (min-width: 75em) {
  .position-left.reveal-for-xlarge {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 280px;
  }
  .position-right.reveal-for-xlarge {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 280px;
  }
}
@media screen and (min-width: 90em) {
  .position-left.reveal-for-xxlarge {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 280px;
  }
  .position-right.reveal-for-xxlarge {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 280px;
  }
}
.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  content: " ";
  display: table;
}
.pagination::after {
  clear: both;
}
.pagination li {
  font-size: 0.875rem;
  margin-right: 0.0625rem;
  border-radius: 0;
  display: inline-block;
}
.pagination a,
.pagination button {
  color: #0a0a0a;
  display: block;
  padding: 0.1875rem 0;
  border-radius: 0;
}
.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}
.pagination .current {
  padding: 0.1875rem 0;
  background: #2199e8;
  color: #fefefe;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0;
  color: #cacaca;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  content: "…";
  padding: 0.1875rem 0;
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: "«";
  display: inline-block;
  margin-right: 0.5rem;
}

.pagination-next a::after,
.pagination-next.disabled::after {
  content: "»";
  display: inline-block;
  margin-left: 0.5rem;
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid rgb(241.3, 241.3, 241.3);
  background-color: #fefefe;
}

caption {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

thead {
  background: rgb(247.65, 247.65, 247.65);
  color: #0a0a0a;
}

tfoot {
  background: rgb(241.3, 241.3, 241.3);
  color: #0a0a0a;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody tr:nth-child(even) {
  background-color: rgb(241.3, 241.3, 241.3);
}
tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: rgb(242.55, 242.55, 242.55);
}
table.hover tfoot tr:hover {
  background-color: rgb(236.2, 236.2, 236.2);
}
table.hover tbody tr:hover {
  background-color: rgb(248.9, 248.9, 248.9);
}
table.hover tbody tr:nth-of-type(even):hover {
  background-color: rgb(236.15, 236.15, 236.15);
}

.table-scroll {
  overflow-x: auto;
}
.table-scroll table {
  width: auto;
}

.top-bar {
  padding: 0.5rem;
}
.top-bar::before, .top-bar::after {
  content: " ";
  display: table;
}
.top-bar::after {
  clear: both;
}
.top-bar,
.top-bar ul {
  background-color: #e6e6e6;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: auto;
  }
}
@media screen and (max-width: 63.9375em) {
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    width: 100%;
  }
}
@media screen and (max-width: 74.9375em) {
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    width: 100%;
  }
}
@media screen and (max-width: 89.9375em) {
  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    width: 100%;
  }
}
.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
  width: 100%;
}

.top-bar-title {
  float: left;
  margin-right: 1rem;
}

.top-bar-left {
  float: left;
}

.top-bar-right {
  float: right;
}

/*
-----------------------------------------------
Colors
-----------------------------------------------
*/
/*
-----------------------------------------------
Fonts
-----------------------------------------------
*/
.arrow--left:after, .arrow--right:after {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  display: block;
  position: absolute;
  top: -0.25rem;
}
.arrow--left:after {
  background: url(../images/icon-arrow-left-darkgray.svg);
  background-size: cover;
  left: -2.5rem;
}
.arrow--right:after {
  background: url(../images/icon-arrow-right-darkgray.svg);
  background-size: cover;
  right: -2.5rem;
}
.arrow--post {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.arrow--post:after {
  width: 1.5rem;
  height: 1.5rem;
  position: unset;
}

.social-icon {
  background: red;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  margin: 0 0.3125rem;
}
.social-icon--facebook {
  background: url(../images/icon-facebook.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.social-icon--x {
  background: url(../images/icon-x.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.social-icon--youtube {
  background: url(../images/icon-youtube.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.social-icon--instagram {
  background: url(../images/icon-instagram.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.social-icon--rss {
  background: url(../images/icon-rss.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.off-canvas .social-icon {
  width: 2.625rem;
  height: 2.625rem;
}

.icon {
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  display: block;
}
.icon--search {
  background: url(../images/icon-search-menu.svg);
  background-size: cover;
}
.icon--menu {
  background: url(../images/icon-menu.svg);
  background-size: cover;
}

/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
/*********************
LINK STYLES
*********************/
*:focus-visible {
  box-shadow: 0 0 0 0.3rem #0c7bbc;
  outline-offset: 0.3rem;
  outline-color: #1d1d1d;
}

.article a {
  display: flex;
}

a, a:checked {
  color: #313131;
}
a:link, a:checked:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

p a,
.single-article li a {
  text-decoration: underline;
}
p a:hover,
.single-article li a:hover {
  text-decoration: none;
}

.nederlands .single-article a:hover, .nederlands p a:hover {
  color: #24b8cd;
}

.english .single-article a:hover, .english p a:hover {
  color: #da2611;
}

.papiamentu .single-article a:hover, .papiamentu p a:hover {
  color: #fdb200;
}

.skip-content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  background-color: #f6f6f6;
  color: #1d1d1d;
  font-weight: 700;
}
.skip-content:focus {
  width: auto;
  height: auto;
  left: 3svw;
  top: 2svh;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  z-index: 200;
  padding: 4px;
}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 {
  font-family: "Poppins", sans-serif;
  color: #1d1d1d;
  line-height: 1.2;
}
h1 a,
h1 a:hover,
h1 a:visited,
h1 a:focus, .h1 a,
.h1 a:hover,
.h1 a:visited,
.h1 a:focus, h2 a,
h2 a:hover,
h2 a:visited,
h2 a:focus, .h2 a,
.h2 a:hover,
.h2 a:visited,
.h2 a:focus, h3 a,
h3 a:hover,
h3 a:visited,
h3 a:focus, .h3 a,
.h3 a:hover,
.h3 a:visited,
.h3 a:focus, h4 a,
h4 a:hover,
h4 a:visited,
h4 a:focus, .h4 a,
.h4 a:hover,
.h4 a:visited,
.h4 a:focus, h5 a,
h5 a:hover,
h5 a:visited,
h5 a:focus, .h5 a,
.h5 a:hover,
.h5 a:visited,
.h5 a:focus, h6 a,
h6 a:hover,
h6 a:visited,
h6 a:focus {
  color: #1d1d1d;
  text-decoration: none;
}

h1, .h1 {
  font-weight: 500;
}

h2, .h2 {
  font-weight: 500;
}

.footer h2,
.footer h3 {
  color: #ffffff;
}

h2 a:hover {
  text-decoration: underline;
}

h3, .h3 {
  font-weight: 500;
}

h4, .h4 {
  font-weight: 500;
}

h5, .h5 {
  font-style: italic;
}

h6 {
  color: #0c7bbc;
  font-weight: 500;
}

.english h6 {
  color: #ad0028;
}

.papiamentu h6 {
  color: #ec7f10;
}

p,
ul,
li {
  color: #313131;
  line-height: 1.8;
}
@media screen and (max-width: 39.9375em) {
  p,
  ul,
  li {
    line-height: 1.6;
  }
}

.color--darkgray {
  color: #1d1d1d !important;
}

.single-article article p,
.single-article article ul,
.single-article article li,
.single-article article a {
  font-size: 1.0625rem;
}

.nederlands article h2,
.nederlands article h3,
.nederlands article h4,
.nederlands article h5 {
  color: #24b8cd;
}

.english article h2,
.english article h3,
.english article h4,
.english article h5 {
  color: #da2611;
}

.papiamentu article h2,
.papiamentu article h3,
.papiamentu article h4,
.papiamentu article h5 {
  color: #fdb200;
}

.footer p {
  color: #f3f3f3;
}

.byline {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  padding: 0;
  color: #0c7bbc;
  margin-bottom: 0;
  position: relative;
}

.english .byline {
  color: #ad0028;
}

.papiamentu .byline {
  color: #ec7f10;
}

.single-article .article-header h4 {
  text-transform: uppercase;
}

.single-article .article-header h4 a {
  display: inline;
}

.nederlands .article-header__inner h4,
.nederlands .single-article .article-header h4,
.nederlands .single-article .article-header h4 a {
  color: #24b8cd;
  margin-bottom: 0.125rem;
}

.english .article-header__inner h4,
.english .single-article .article-header h4,
.english .single-article .article-header h4 a {
  color: #da2611;
  margin-bottom: 0.125rem;
}

.papiamentu .article-header__inner h4,
.papiamentu .single-article .article-header h4,
.papiamentu .single-article .article-header h4 a {
  color: #fdb200;
  margin-bottom: 0.125rem;
}

.nederlands .single-article .article-header h4 a:hover {
  color: #0c7bbc;
}

.english .single-article .article-header h4 a:hover {
  color: #ad0028;
}

.papiamentu .single-article .article-header h4 a:hover {
  color: #ec7f10;
}

table tbody tr:nth-child(even) {
  background-color: #f6f6f6;
}

table thead, table tbody, table tfoot {
  border: 1px solid #f6f6f6;
  background-color: #fff;
}

table caption {
  text-align: left;
}

blockquote {
  border: 0;
  padding-top: 0;
  padding-left: 2.5rem;
}
@media screen and (max-width: 39.9375em) {
  blockquote {
    padding-left: 1.25rem;
  }
}

.single-article p,
.article-inner ul,
.single-article ol,
.single-article form,
.single-article table,
.single-article address,
.single-article blockquote {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 39.9375em) {
  .article-inner ul,
  .single-article ol {
    margin-left: 1.5625rem;
  }
}

.page-nav a,
nav ul li a {
  text-transform: uppercase;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
  color: #1d1d1d;
  position: relative;
}
.page-nav a:before,
nav ul li a:before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background: #1d1d1d;
  position: absolute;
  bottom: 0.1875rem;
  left: 0px;
}
.page-nav a:hover,
nav ul li a:hover {
  color: #1d1d1d;
}
.page-nav a:hover:before,
nav ul li a:hover:before {
  display: none;
}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none;
}

/*********************
NAVIGATION STYLES
*********************/
.top-bar {
  background: none;
  padding: 0;
}
.top-bar .title-area {
  z-index: 1;
}
.top-bar ul {
  background: none;
}
.top-bar ul li {
  background: none;
}
.top-bar ul li a {
  text-transform: uppercase;
  color: white;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
}
.top-bar ul li.active a {
  background: none;
}

.off-canvas-list ul {
  margin-left: 0;
}
.off-canvas-list ul li a {
  border-bottom: 0px;
}
.off-canvas-list ul .dropdown {
  margin-left: 20px;
}

/*********************
CONTENT STYLES
*********************/
#content {
  position: relative;
  background-color: #f6f6f6;
}
#content:before {
  content: "";
  position: absolute;
  z-index: 0;
  background: white;
  height: 3.75rem;
  width: 100%;
}
#content #inner-content {
  position: relative;
  padding: 0.625rem 0.625rem;
}

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem;
}

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px;
}

#respond ul {
  margin-left: 0px;
}

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  float: right;
}
/*********************
FORMS
*********************/
.footer button[type=submit],
.footer input[type=submit] {
  background-color: #24b8cd;
  box-shadow: none;
  border-radius: 24px;
  text-transform: uppercase;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
  color: white;
  border: 0;
  padding: 0.6875rem 1.25rem 0.625rem 1.25rem;
  line-height: 100%;
  float: right;
}
.footer button[type=submit] img,
.footer input[type=submit] img {
  display: inline-block;
  margin-top: -2px;
  margin-left: 4px;
}

.nederlands .footer button[type=submit], .nederlands .footer input[type=submit] {
  background-color: #24b8cd;
}

.english .footer button[type=submit], .english .footer input[type=submit] {
  background-color: #da2611;
}

.papiamentu .footer button[type=submit], .papiamentu .footer input[type=submit] {
  background-color: #fdb200;
}

.nederlands .footer button[type=submit]:hover, .nederlands .footer input[type=submit]:hover {
  background-color: #0c7bbc;
}

.english .footer button[type=submit]:hover, .english .footer input[type=submit]:hover {
  background-color: #ad0028;
}

.papiamentu .footer button[type=submit]:hover, .papiamentu .footer input[type=submit]:hover {
  background-color: #ec7f10;
}

.wpcf7-form-control-wrap {
  position: relative;
}

img.wpcf7-captchac {
  position: absolute;
  margin-top: 0.75rem;
  z-index: 10;
  margin-left: 7px;
}
@media screen and (max-width: 39.9375em) {
  img.wpcf7-captchac {
    margin-top: 0.5625rem;
  }
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea {
  position: relative;
  border-radius: 0.125rem;
  padding: 1.5rem 0.625rem;
  border: 0;
  background-color: white;
  box-shadow: 0;
  transition: 0;
}
[type=text]:hover, [type=text]:focus,
[type=password]:hover,
[type=password]:focus,
[type=date]:hover,
[type=date]:focus,
[type=datetime]:hover,
[type=datetime]:focus,
[type=datetime-local]:hover,
[type=datetime-local]:focus,
[type=month]:hover,
[type=month]:focus,
[type=week]:hover,
[type=week]:focus,
[type=email]:hover,
[type=email]:focus,
[type=number]:hover,
[type=number]:focus,
[type=search]:hover,
[type=search]:focus,
[type=tel]:hover,
[type=tel]:focus,
[type=time]:hover,
[type=time]:focus,
[type=url]:hover,
[type=url]:focus,
[type=color]:hover,
[type=color]:focus,
textarea:hover,
textarea:focus {
  border: 0;
  background-color: #fefefe;
  outline: none;
  box-shadow: 0;
  transition: 0;
}

.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 1em;
  display: block;
  margin-top: -1rem;
  margin-bottom: 0.375rem;
}

.wpcf7-validation-errors {
  display: none !important;
}

div.wpcf7-response-output {
  margin: 0;
  margin-top: 1.25rem;
  padding: 0;
}

div.wpcf7-mail-sent-ok {
  border: 0;
  color: white;
  font-weight: 700;
}

.ajax-loader {
  visibility: hidden !important;
}

.wpcf7-captchar {
  padding-left: 90px;
}

.off-canvas input[type=submit] {
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  box-shadow: none;
  background: url(../images/icon-search-darkgray.svg);
  background-size: cover;
  padding: 0;
  margin: 0;
  float: left;
  border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
  .off-canvas input[type=submit] {
    margin-top: 2px;
  }
}

.off-canvas input[type=search] {
  width: 208px;
  margin-bottom: 0.625rem;
  padding-left: 0;
  background: #f6f6f6;
  box-shadow: none;
  border: 0;
  float: left;
  border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
  .off-canvas input[type=search] {
    width: 210px;
  }
}

/*********************
COMMENT FORM STYLES
*********************/
/*
.respond-form {
	margin: 1.5em 10px;
	padding-bottom: 2.2em;

	form {
		margin: 0.75em 0;

		li {
			list-style-type: none;
			clear: both;
			margin-bottom: 0.7335em;

			label,
			small {
				display: none;
			}
		}

		input[type=text],
		input[type=email],
		input[type=url],
		textarea {
			padding: 3px 6px;
			background: #efefef;
			border: 2px solid #cecece;
			line-height: 1.5em;

			&:focus {
				background: #fff;
			}

			// form validation  
			&:invalid {
				outline: none;
				border-color: #fbc2c4;
				background-color: #f6e7eb;
				-webkit-box-shadow: none;
				   -moz-box-shadow: none;
				    -ms-box-shadow: none;
						box-shadow: none;
			}
		}

		input[type=text],
		input[type=email],
		input[type=url] {
			max-width: 400px;
			min-width: 250px;
		}

		textarea {
			resize: none;
			width: 97.3%;
			height: 150px;
		}

	}
}

// comment submit button  
#submit {}

// comment form title  
#comment-form-title {
	margin: 0 0 1.1em;
}

// cancel comment reply link  
#cancel-comment-reply {
	a {}
}

// logged in comments  
.comments-logged-in-as {}

// allowed tags  
#allowed_tags {
	margin: 1.5em 10px 0.7335em 0;
}

// No comments  
.nocomments {
	margin: 0 20px 1.1em;
}
*/
/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0;
}
.widget ul li {
  list-style: none;
}
/*********************
HIGHLIGHT SEARCH TXT
*********************/
.nederlands .search-highlight {
  background: #b6ebf2;
}

.english .search-highlight {
  background: #efc0bb;
}

.papiamentu .search-highlight {
  background: #ffe8b3;
}

/*********************
AUDIO LINK PLAYER
*********************/
.audio-link-player.single-line-player {
  width: 100%;
  height: 40px;
}

/*********************
FACEBOOK FANPAGE
*********************/
/* -Facebook & Twitter iframe block no longer in use-
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

.facebook-fanpage
{
	@media screen and (min-width: 40em) and (max-width: 63.9375em)
	{
		display: none;
	}

	margin-bottom: rem-calc(50);
}

#twitter-page { height: 400px; overflow: auto; }
*/
/*********************
FOUNDATION STYLES
*********************/
/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0;
}

/* Fix for Newsletterfield in FF */
.footer__inner__newsletter input[type=text] {
  height: 100%;
  padding: 0.9rem 0.625rem;
  margin-top: 1rem;
}

/******************************************************************

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.

******************************************************************/
@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) {
  /* 

  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. 

  */
}
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}
html {
  font-size: 100%;
}
@media screen and (max-width: 39.9375em) {
  html {
    font-size: 80%;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  html {
    font-size: 90%;
  }
}

body {
  background: white;
}

.off-canvas-content {
  overflow: hidden;
  border: 0.75rem solid white;
}
@media screen and (max-width: 39.9375em) {
  .off-canvas-content {
    border: 0;
  }
}

.off-canvas-wrapper {
  background: #1d1d1d;
}

.off-canvas-content, .off-canvas-content {
  box-shadow: none;
}

.row--100 {
  max-width: 100%;
}

.js-off-canvas-exit {
  background: rgba(254, 254, 254, 0);
}

.diagonal {
  content: "";
  position: absolute;
  z-index: 100;
  width: 100%;
  display: block;
}
.diagonal--content {
  z-index: 0;
  top: 3.75rem;
}
.diagonal--top {
  top: 0px;
}
.diagonal--bottom {
  bottom: 0px;
}
.diagonal--topright {
  border-style: solid;
  border-width: 1.875rem 100vw 0 0;
}
.diagonal--bottomleft {
  border-style: solid;
  border-width: 0 0 1.875rem 100vw;
}
.diagonal--topright-white {
  border-color: white transparent transparent transparent;
}
.diagonal--bottomleft-white {
  border-color: transparent transparent white transparent;
}
.diagonal--topright-lgray {
  border-color: #f6f6f6 transparent transparent transparent;
}
.diagonal--bottomleft-lgray {
  border-color: transparent transparent #f6f6f6 transparent;
}
@media screen and (max-width: 39.9375em) {
  .diagonal--topright {
    border-width: 0.9375rem 100vw 0 0;
  }
  .diagonal--bottomleft {
    border-width: 0 0 0.9375rem 100vw;
  }
}

.header {
  padding-bottom: 3.125rem;
  position: relative;
  display: block;
}
@media screen and (max-width: 39.9375em) {
  .header {
    padding-bottom: 1.875rem;
  }
}
.header--active {
  background-color: gray;
}
.header__inner {
  padding: 0.875rem 0.625rem;
  max-width: 105rem;
  margin: auto;
}
.header__logo a {
  float: left;
  clear: both;
  margin-top: 1.25rem;
}
.header__logo a img {
  width: 11.375rem;
}
.nederlands .header {
  background-image: url(../images/bg-header.jpg);
  background-size: cover;
  background-position: bottom center;
}

.english .header {
  background-image: url(../images/bg-header-english.jpg);
  background-size: cover;
  background-position: bottom center;
}

.papiamentu .header {
  background-image: url(../images/bg-header-papiamentu.jpg);
  background-size: cover;
  background-position: bottom center;
}

.categories {
  padding: 2.5rem 0;
  background: white;
  position: relative;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .categories {
    padding: 1.875rem 0 1rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .categories {
    padding: 1.5rem 0 1rem;
  }
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav ul li {
  display: inline-block;
  margin: 0 0.625rem;
  padding: 0.25rem 1.25rem;
  border-radius: 24px;
  background: #f6f6f6;
}
nav ul li.active, nav ul li:hover {
  color: white;
}
nav ul li.active a, nav ul li:hover a {
  color: white;
  text-decoration: none;
}
nav ul li a:after, nav ul li a:before {
  display: none;
}
nav .categories__select {
  padding: 0 1.25rem;
}
nav .categories__select select {
  border-radius: 20px;
  color: #1d1d1d;
  border: 0;
  padding: 0.25rem 1.25rem 0;
  margin: 0;
  text-transform: uppercase;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
  background: url(../images/icon-select-down-darkgray.svg) no-repeat right center;
  background-color: #f6f6f6;
}

.nederlands nav ul li.active {
  background: #24b8cd;
}

.nederlands nav ul li:hover {
  background: #0c7bbc;
}

.english nav ul li.active {
  background: #da2611;
}

.english nav ul li:hover {
  background: #ad0028;
}

.papiamentu nav ul li.active {
  background: #fdb200;
}

.papiamentu nav ul li:hover {
  background: #ec7f10;
}

.sitenav,
.menunav {
  width: 100%;
  display: block;
  clear: both;
}

@media screen and (max-width: 39.9375em) {
  .sitenav {
    margin: 0 auto;
    text-align: right;
  }
}
.sitenav a {
  float: right;
  margin-left: 1.875rem;
  margin-top: 0.75rem;
}
.sitenav__ntr {
  display: none;
}
@media screen and (min-width: 730px) {
  .sitenav__ntr {
    display: block;
  }
}

.menunav {
  padding: 0.9375rem 0 0 0;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .menunav {
    padding: 0.375rem 0 0 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .menunav {
    padding: 0.625rem 0 0 0;
  }
}

.language-switch {
  float: right;
  padding: 0.1875rem;
  background: white;
  border-radius: 2rem;
  display: inline-block;
  margin-top: 0.5rem;
  margin-left: 30px;
  text-transform: uppercase;
  color: white;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
}
.language-switch__input {
  display: none;
}
.language-switch__input:checked + .language-switch__label {
  color: white;
  background: #24b8cd;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
  border-radius: 1.875rem;
  padding: 0.25rem 1.25rem;
  margin: 0;
}
.language-switch__input:checked + .language-switch__label--nederlands {
  background: #24b8cd !important;
}
.language-switch__input:checked + .language-switch__label--papiamentu {
  background: #fdb200 !important;
}
.language-switch__input:checked + .language-switch__label--english {
  background: #da2611 !important;
}
.language-switch .language-switch__label {
  float: left;
  color: #1d1d1d;
  text-align: center;
  cursor: pointer;
  padding: 0.25rem 1.25rem;
  margin: 0px !important;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
}
@media screen and (max-width: 39.9375em) {
  .language-switch {
    float: none;
    margin: auto;
    padding: 3px;
    margin-left: 0;
    font-size: 1rem;
  }
  .language-switch__input:checked + .language-switch__label {
    padding: 0.125rem 0.625rem;
  }
  .language-switch .language-switch__label {
    padding: 0.125rem 0.625rem;
    margin: 0px !important;
  }
}

.nederlands .language-switch .language-switch__input:checked + .language-switch__label {
  background: #24b8cd;
}

.english .language-switch .language-switch__input:checked + .language-switch__label {
  background: #da2611;
}

.papiamentu .language-switch .language-switch__input:checked + .language-switch__label {
  background: #fdb200;
}

.top-bar-right input[type=search] {
  border: none;
  background: transparent;
  box-shadow: none;
  border-bottom: 2px solid white;
  width: 200px;
  padding: 0;
  margin: 0;
  float: left;
  font-family: "Open Sans";
  color: white;
  border-radius: 0;
}
.top-bar-right input[type=submit] {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  box-shadow: none;
  background: url(../images/icon-search.svg);
  background-size: cover;
  padding: 0;
  margin: -8px 0 0 0;
  float: left;
}
.top-bar-right__menu, .top-bar-right__search {
  float: right;
  margin-left: 20px;
}
.top-bar-right__menu form, .top-bar-right__search form {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}

.top-bar-small .columns {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
@media screen and (max-width: 39.9375em) {
  .top-bar-small__icons {
    padding-top: 1.5625rem;
  }
}

.header .menu li {
  position: relative;
}
.header .menu li a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
  margin: 0 0.875rem;
  font-size: 1.0625rem;
}
.header .menu li a:hover:after {
  content: "";
  background: white;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  margin-left: -3px;
  bottom: -2px;
  left: 50%;
}
.header .menu li.current-menu-item a:after {
  content: "";
  background: white;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  margin-left: -3px;
  bottom: -2px;
  left: 50%;
}

.sitenav-content {
  padding: 6.25rem 0 3.75rem;
  position: relative;
  clear: both;
}
.sitenav-content__inner {
  margin: auto;
}
.sitenav-content__inner div:first-child {
  margin-bottom: 1.25rem;
}

.sitenav-item__content {
  float: right;
  min-height: 6.25rem;
  display: table;
  max-width: 16.25rem;
}
@media screen and (max-width: 39.9375em) {
  .sitenav-item__content {
    min-height: 5rem;
  }
}
.sitenav-item__figure {
  float: right;
  margin: 0;
  padding: 0 1.25rem;
}
@media screen and (max-width: 39.9375em) {
  .sitenav-item__figure {
    padding: 0 0.625rem;
  }
}
.sitenav-item__figure img,
.sitenav-item__figure div {
  border-radius: 50%;
  width: 6.25rem;
  height: 6.25rem;
}
@media screen and (max-width: 39.9375em) {
  .sitenav-item__figure img,
  .sitenav-item__figure div {
    width: 5rem;
    height: 5rem;
  }
}
.sitenav-item a {
  display: table-cell;
  vertical-align: middle;
}
.sitenav-item a h3 {
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
  margin-bottom: 0.5rem;
  display: inline-block;
  float: right;
}
.sitenav-item a h3:before {
  content: "";
  height: 0.1875rem;
  width: 100%;
  background: #1d1d1d;
  position: absolute;
  bottom: 0.0625rem;
  left: 0;
}
.sitenav-item a h4 {
  font-size: 1.125rem;
  position: relative;
  margin: 0px;
  clear: both;
}
.sitenav-item--left {
  float: left;
}
.sitenav-item--left a h3 {
  float: left;
}

/*********************
POSTS STYLES
*********************/
.nederlands article h2 {
  color: #1d1d1d;
}

#articles .column,
#articles .columns,
.articles .column,
.articles .columns {
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 90em) {
  #articles .column,
  #articles .columns,
  .articles .column,
  .articles .columns {
    padding-bottom: 1.875rem;
  }
}
#articles .column__sidebar,
#articles .columns__sidebar,
.articles .column__sidebar,
.articles .columns__sidebar {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 2px solid #e8e8e8;
}
@media screen and (min-width: 90em) {
  #articles .column__sidebar,
  #articles .columns__sidebar,
  .articles .column__sidebar,
  .articles .columns__sidebar {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}

#articles .article {
  float: left;
}

article {
  background: white;
  min-height: 570px;
  position: relative;
  overflow: hidden;
}
article:hover h2 {
  text-decoration: underline;
}
@media screen and (max-width: 39.9375em) {
  article {
    min-height: initial;
    padding-bottom: 3.75rem;
  }
  article .entry-content {
    width: 100%;
  }
  article .entry-content h2 {
    width: 100%;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  article {
    min-height: 520px;
  }
}

.home .article-header a,
.sidebar .article-header a,
.archive .article-header a,
#related-latest .article-header a {
  top: 0px;
  left: 0px;
  position: absolute;
  transform: scale(1);
  transition: transform 4s;
}
.home .article-header a:hover,
.sidebar .article-header a:hover,
.archive .article-header a:hover,
#related-latest .article-header a:hover {
  transform: scale(1.05);
}

.article-header {
  overflow: hidden;
  position: relative;
  /*&:before 
  {
  	content: '';
  	display: block;		
  		padding-top: 56.25%;
  }*/
}
.article-header img {
  width: 100%;
  aspect-ratio: 570/320;
  object-fit: cover;
}
.article-header a {
  width: 100%;
  height: 100%;
  display: block;
}
.article-header__icon {
  width: 5.375rem;
  height: 3.75rem;
  background: white;
  position: absolute;
  z-index: 1;
  border-top-right-radius: 3.75rem;
  bottom: 0px;
}
.article-header__icon img {
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  left: 1rem;
  top: 1rem;
}

.nederlands .entry-content .entry-content__title span,
.nederlands .entry-content .entry-content__title span a,
.nederlands .entry-content .entry-content__title span a:visited {
  color: #24b8cd;
}

.nederlands .entry-content .entry-content__title span a:hover {
  color: #0c7bbc;
}

.english .entry-content .entry-content__title span,
.english .entry-content .entry-content__title span a,
.english .entry-content .entry-content__title span a:visited {
  color: #da2611;
}

.english .entry-content .entry-content__title span a:hover {
  color: #ad0028;
}

.papiamentu .entry-content .entry-content__title span,
.papiamentu .entry-content .entry-content__title span a,
.papiamentu .entry-content .entry-content__title span a:visited {
  color: #fdb200;
}

.papiamentu .entry-content .entry-content__title span a:hover {
  color: #ec7f10;
}

.nederlands .entry-content .entry-content__title h2 a .search-highlight,
.english .entry-content .entry-content__title h2 a .search-highlight,
.papiamentu .entry-content .entry-content__title h2 a .search-highlight {
  color: #1d1d1d;
}

.entry-content {
  position: relative;
  padding: 1.75rem 1.25rem 1.25rem 1.25rem;
}
.entry-content__title h2 {
  font-size: 1.5rem;
  font-weight: 500;
}
.entry-content__title h2 a, .entry-content__title h2 .search-highlight {
  font-size: 1.5rem;
  text-transform: initial;
}
.entry-content__title h4 {
  font-size: 0.875rem;
}
.entry-content__title span {
  color: #24b8cd;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
}
.entry-content__title span a,
.entry-content__title span a:hover,
.entry-content__title span a:visited {
  color: #24b8cd;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.875rem;
  display: inline;
  float: left;
}
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.875rem;
  display: inline;
  float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.aligncenter {
  margin-bottom: 1.875rem;
}
.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
.entry-content:after {
  position: absolute;
  z-index: 100;
  width: 100%;
  display: block;
  z-index: 0;
  top: -1.875rem;
  left: 0;
  border-style: solid;
  border-width: 0 0 1.875rem 50vw;
  border-color: transparent transparent white transparent;
}
@media screen and (max-width: 39.9375em) {
  .entry-content:after {
    border-width: 0 0 0.9375rem 100vw;
    top: -0.9375rem;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .entry-content:after {
    border-width: 0 0 1.875rem 70vw;
  }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .entry-content:after {
    border-width: 0 0 1.875rem 80vw;
  }
}

.article-footer {
  height: 3.75rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 0 1.25rem 0 1.25rem;
}
.article-footer__inner {
  border-top: 1px solid #eee;
  padding-top: 1.375rem;
}
.article-footer__inner a {
  display: block;
}
.article-footer__inner span {
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
}

.papiamentu .article-footer__inner span,
.nederlands .article-footer__inner span,
.english .article-footer__inner span {
  color: #1d1d1d;
}

.nederlands .article--1 .entry-content {
  background: #0c7bbc;
  background-image: url(../images/bg-content.jpg);
  background-size: cover;
  background-position: bottom center;
}

.english .article--1 .entry-content {
  background: #ad0028;
  background-image: url(../images/bg-content-english.jpg);
  background-size: cover;
  background-position: bottom center;
}

.papiamentu .article--1 .entry-content {
  background: #ec7f10;
  background-image: url(../images/bg-content-papiamentu.jpg);
  background-size: cover;
  background-position: bottom center;
}

.nederlands .article--1 .entry-content:after {
  border-color: transparent transparent #0c7bbc transparent;
}

.english .article--1 .entry-content:after {
  border-color: transparent transparent #ad0028 transparent;
}

.papiamentu .article--1 .entry-content:after {
  border-color: transparent transparent #ec7f10 transparent;
}

.article--1 article {
  overflow: hidden;
}
.article--1 a {
  display: block;
}
.article--1 .article-header {
  position: absolute;
  height: 80%;
  width: 100%;
}
.article--1 .article-header figure {
  display: none;
}
.article--1 .article-header:after {
  display: none;
}
.article--1 .article-header__icon {
  display: none;
}
.article--1 .entry-content {
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding-top: 1.875rem;
  padding-bottom: 3.5rem;
}
.article--1 .entry-content h2 {
  max-width: 100%;
  display: block;
  position: relative;
  padding-right: 1.875rem;
  color: white;
  font-size: 2.5rem;
  font-weight: 600;
}
.article--1 .entry-content h2:after {
  content: "";
  background: url(../images/icon-arrow-right-white.svg);
  background-size: cover;
  width: 2.625rem;
  height: 2.625rem;
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: -0.375rem;
}
.article--1 .entry-content h4, .article--1 .entry-content p {
  display: none;
}
.article--1 .entry-content:after {
  content: "";
  position: absolute;
  z-index: 100;
  width: 100%;
  display: block;
  z-index: 0;
  top: -1.8125rem;
  left: 0;
  border-style: solid;
  border-width: 0 0 1.875rem 50vw;
}
@media screen and (max-width: 39.9375em) {
  .article--1 .entry-content:after {
    border-width: 0 0 0.9375rem 100vw;
    top: -0.875rem;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .article--1 .entry-content:after {
    border-width: 0 0 1.875rem 70vw;
  }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .article--1 .entry-content:after {
    border-width: 0 0 1.875rem 80vw;
  }
}
.article--1 .article-footer {
  height: 4.375rem;
}
.article--1 .article-footer__inner {
  border-top: 0px solid #eee;
}
.article--1 .article-footer__inner span {
  color: white;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}
.article--1 .article-footer__inner span:after {
  display: none;
}
@media screen and (max-width: 39.9375em) {
  .article--1 article {
    padding-bottom: 0;
  }
  .article--1 .article-header {
    position: relative;
    height: auto;
    width: 100%;
  }
  .article--1 .article-header figure {
    display: block;
  }
  .article--1 .entry-content {
    position: relative;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 2.5rem;
  }
  .article--1 .entry-content h2 {
    padding-right: 1.875rem;
  }
  .article--1 .entry-content h2 a,
  .article--1 .entry-content h2 a:hover {
    font-size: 1.875rem;
  }
  .article--1 .entry-content h2 a:after,
  .article--1 .entry-content h2 a:hover:after {
    width: 2.25rem;
    height: 2.25rem;
  }
  .article--1 .article-footer {
    height: 3.125rem;
  }
  .article--1 .article-footer__inner {
    padding-top: 0.75rem;
    border-top: 0px solid #eee;
  }
  .article--1 .article-footer__inner h4 {
    color: white;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
  }
  .article--1 .article-footer__inner h4:after {
    display: none;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .article--3 article {
    min-height: auto;
    display: block;
    width: 100%;
    float: left;
  }
  .article--3 .article-header {
    float: left;
    width: 32%;
    overflow: hidden;
    background: white;
  }
  .article--3 .article-header img {
    width: 100%;
    aspect-ratio: 570/320;
    object-fit: cover;
  }
  .article--3 .entry-content {
    float: left;
    width: 68%;
    padding: 1.25rem 1.25rem 0 1.25rem;
  }
  .article--3 .entry-content p {
    display: none;
  }
  .article--3 .entry-content h2 {
    margin: 0;
    padding: 0;
    max-height: 120px;
    overflow: hidden;
  }
  .article--3 .article-footer {
    height: 3.75rem;
    width: 68%;
    bottom: 0px;
    right: 0px;
  }
}
.article--4 article,
.article--5 article {
  display: block;
  width: 100%;
  float: left;
}
@media screen and (min-width: 75em) {
  .article--4 article,
  .article--5 article {
    min-height: auto;
  }
}
@media screen and (max-width: 39.9375em) {
  .article--4 article,
  .article--5 article {
    min-height: initial;
  }
}
.article--4 .article-header,
.article--5 .article-header {
  float: left;
  width: 28%;
  overflow: hidden;
  background: white;
  /*&:before {
      content: "";
      display: block;
      padding-top: 100%; 
  } */
  /* @include breakpoint(large down)
  {
  	width: 100%;
  	&:before { padding-top: 56.25%; }
  } */
}
.article--4 .article-header img,
.article--5 .article-header img {
  width: 100%;
  aspect-ratio: 570/480;
  object-fit: cover;
}
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .article--4 .article-header,
  .article--5 .article-header {
    width: 36%;
  }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .article--4 .article-header,
  .article--5 .article-header {
    width: 100%;
  }
  .article--4 .article-header img,
  .article--5 .article-header img {
    aspect-ratio: 570/320;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .article--4 .article-header,
  .article--5 .article-header {
    width: 100%;
  }
  .article--4 .article-header img,
  .article--5 .article-header img {
    aspect-ratio: 570/320;
  }
}
@media screen and (max-width: 39.9375em) {
  .article--4 .article-header,
  .article--5 .article-header {
    width: 100%;
  }
  .article--4 .article-header img,
  .article--5 .article-header img {
    aspect-ratio: 570/320;
  }
}
.article--4 .entry-content,
.article--5 .entry-content {
  float: left;
  width: 72%;
  padding: 1.25rem 1.25rem 0 1.25rem;
}
.article--4 .entry-content p,
.article--5 .entry-content p {
  display: none;
}
.article--4 .entry-content h2,
.article--5 .entry-content h2 {
  margin: 0;
  padding: 0;
  max-height: 120px;
  overflow: hidden;
}
@media screen and (max-width: 74.9375em) {
  .article--4 .entry-content,
  .article--5 .entry-content {
    width: 100%;
    padding: 1.75rem 1.25rem 1.25rem 1.25rem;
  }
  .article--4 .entry-content p,
  .article--5 .entry-content p {
    display: block;
  }
}
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .article--4 .entry-content,
  .article--5 .entry-content {
    width: 64%;
  }
}
.article--4 .article-footer,
.article--5 .article-footer {
  width: 72%;
  bottom: 0px;
  right: 0px;
}
@media screen and (max-width: 74.9375em) {
  .article--4 .article-footer,
  .article--5 .article-footer {
    width: 100%;
  }
}
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .article--4 .article-footer,
  .article--5 .article-footer {
    width: 64%;
  }
}

.page-nav {
  padding-top: 1.25rem;
  padding-bottom: 0 !important;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.wp-caption {
  background: #f6f6f6;
  padding: 0.3125rem;
  margin-top: 0.375rem;
  margin-bottom: 1.875rem;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0px 0px 0px;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .wp-caption {
    width: 100% !important;
  }
}

.img--20 {
  width: 20% !important;
}

.img--25 {
  width: 25% !important;
}

.img--30 {
  width: 30% !important;
}

.img--33 {
  width: 33% !important;
}

.img--40 {
  width: 40% !important;
}

.img--50 {
  width: 50% !important;
}

.img--60 {
  width: 60% !important;
}

.img--100 {
  width: 100% !important;
}

@media screen and (max-width: 39.9375em) {
  .img_small--20 {
    width: 20% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .img_small--25 {
    width: 25% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .img_small--30 {
    width: 30% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .img_small--33 {
    width: 33% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .img_small--40 {
    width: 40% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .img_small--50 {
    width: 50% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .img_small--60 {
    width: 60% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .img_small--100 {
    width: 100% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .article--2 p,
  .article--3 p,
  .article--4 p,
  .article--5 p,
  .article--6 p,
  .article--7 p,
  .article--8 p,
  .article--9 p,
  .article--10 p,
  .article--11 p,
  .article--12 p {
    display: block;
  }
}

.post-password-form input[type=submit] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  background-color: #2199e8;
  color: #fefefe;
}
[data-whatinput=mouse] .post-password-form input[type=submit] {
  outline: 0;
}
.post-password-form input[type=submit]:hover, .post-password-form input[type=submit]:focus {
  background-color: rgb(21.1459183673, 131.4724489796, 204.1040816327);
  color: #fefefe;
}

.single-article #content {
  padding-bottom: 1.25rem;
}

@media screen and (max-width: 39.9375em) {
  .single-article {
    padding-bottom: 0;
  }
}

.articles {
  background: #f6f6f6;
  padding-bottom: 1.25rem;
}
.articles .column:last-child:not(:first-child), .articles .columns:last-child:not(:first-child) {
  float: left;
}
.articles article {
  min-height: 450px;
}
.articles .entry-content p {
  display: none;
}
.articles__inner {
  padding: 0 0.625rem;
}
.articles__title {
  padding-left: 0.9375rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 39.9375em) {
  .articles article {
    min-height: initial;
  }
  .articles__title {
    padding-left: 0.625rem;
    margin-bottom: 1.25rem;
  }
  .articles article {
    padding-bottom: 0.625rem;
    float: left;
    border-bottom: 1px solid #e8e8e8;
    background: none;
    width: 100%;
  }
  .articles article p {
    display: none;
  }
  .articles .article-header {
    width: 30%;
    float: left;
  }
  .articles .article-header__icon {
    display: none;
  }
  .articles .article-content-footer {
    width: 70%;
    float: left;
  }
  .articles .article-content-footer h2 {
    font-size: 1.125rem;
  }
  .articles .entry-content {
    padding: 0 0 0 1.25rem;
  }
  .articles .article-footer {
    position: relative;
    height: auto;
  }
  .articles .article-footer__inner {
    border: 0;
    padding-top: 0;
  }
  .articles .article-footer__inner h4:after {
    top: -0.3125rem;
    right: 0;
  }
}

#related-latest .articles:last-child {
  padding-bottom: 3.125rem;
}

#post-not-found {
  background: white;
}
#post-not-found .article-header {
  padding: 2.5rem 0;
}
#post-not-found .article-header:before {
  display: none;
}
#post-not-found .article-header h1 {
  text-align: center;
}

.single-article article {
  background: white;
}
.single-article .article-header {
  padding: 3.125rem 1.25rem 0.625rem 1.25rem;
  max-width: 680px;
  margin: 0 auto;
}
.single-article .article-header:before {
  display: none;
}
@media screen and (min-width: 40em) {
  .single-article .article-header h1 {
    font-size: 2.8rem;
  }
}
.single-article .article-image {
  /*&:before {
  	content: "";
  	display: block;
  	padding-top: 56.25%;			
  }*/
  position: relative;
  display: block;
  overflow: hidden;
  background: black;
  max-width: 680px;
  margin: 0 auto;
  /*@media screen and (max-width: 39.9375em)
  {
  	&:before {
  		content: "";
  		display: block;
  	}	
  }*/
}
.single-article .article-image img {
  width: 100%;
  aspect-ratio: 570/320;
  object-fit: cover;
}
.single-article .article-image p {
  position: absolute;
  right: 1.125rem;
  bottom: 1.375rem;
  margin: 0;
  padding: 0;
  line-height: 0;
  color: white;
}
.single-article .article-inner {
  margin: auto;
  background: white;
  padding-bottom: 1.875rem;
  margin-bottom: 1.25rem;
}
.single-article .entry-content {
  padding: 1.875rem 1.25rem 0;
  max-width: 680px;
  margin: auto;
}
.single-article .entry-content a {
  display: inline-flex;
}
.single-article .entry-content img {
  width: 100%;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .single-article .article-header {
    padding: 2.5rem 2.5rem 0.625rem 2.5rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .single-article .article-header {
    padding: 1.875rem 2.5rem 0 2.5rem;
  }
  .single-article .entry-content {
    padding: 1.25rem 1.25rem 0;
  }
}

.categories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.categories-list li {
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 39.9375em) {
  .categories-list li {
    font-size: 1rem;
  }
}
.entry-content .categories-list li {
  font-size: 0.875rem;
}
.categories-list li a {
  text-decoration: none;
}
.nederlands .categories-list li a {
  color: #24b8cd;
}
.english .categories-list li a {
  color: #da2611;
}
.papiamentu .categories-list li a {
  color: #fdb200;
}
.categories-list li a:hover {
  text-decoration: underline;
}
.nederlands .categories-list li a:hover {
  color: #0c7bbc;
}
.english .categories-list li a:hover {
  color: #ad0028;
}
.papiamentu .categories-list li a:hover {
  color: #ec7f10;
}

.single #articles {
  background: #f6f6f6;
}

.share hr {
  padding-top: 1.25rem;
}
.share h6,
.share svg,
.share a {
  display: inline-block;
}
.share h6 {
  margin-top: -24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #1d1d1d;
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: 6px;
}
.share svg {
  width: 2.25rem;
  margin: 0px 2px;
}
.share svg path {
  fill: #24b8cd;
}
.share a:hover svg path {
  fill: #1d1d1d;
}

.papiamentu .share svg path {
  fill: #fdb200;
}

.english .share svg path {
  fill: #da2611;
}

.single-article .entry-content .really_simple_share_button img {
  width: auto;
}

p.tags {
  padding-top: 1.25rem;
  margin-bottom: 0;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  position: relative;
  padding: 4.375rem 0 0 0;
  clear: both;
  margin: 0;
  color: #f3f3f3;
  background-color: #1d1d1d;
  background-image: url(../images/bg-footer.jpg);
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
.footer a {
  color: white;
}
.footer__inner {
  padding: 1.875rem 0.625rem 1.25rem;
}
@media screen and (max-width: 39.9375em) {
  .footer__inner {
    padding-bottom: 2.5rem;
  }
}
.footer__inner__menu {
  padding: 0 1.25rem;
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .footer__inner__menu {
    padding: 0 0.625rem;
  }
}
@media screen and (max-width: 63.9375em) {
  .footer__inner__menu {
    padding: 0 0.625rem 0 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .footer__inner__menu {
    padding: 0 0 3.125rem;
  }
}
.footer__inner__about {
  padding-bottom: 3.125rem;
}
.footer__inner__about p {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .footer__inner__newsletter {
    padding: 0 0 0 0.625rem;
  }
}
.footer__social-logos {
  padding: 0 0.625rem 0;
}
.footer-logos a {
  float: right;
}
.footer-logos a img {
  width: initial;
  height: 5.75rem;
}
.footer-icons {
  padding: 1.375rem 0;
}
@media screen and (max-width: 39.9375em) {
  .footer-icons {
    padding: 0 0 1.25rem 0;
  }
}
.footer-copy {
  position: relative;
  z-index: 1;
  background: white;
  padding: 0.625rem 0;
}
.footer-copy p {
  color: #313131;
  margin: 0;
  padding: 0;
}
.footer-copy a {
  display: inline-block;
}
.footer-copy img {
  width: initial;
  height: 5rem;
}
.footer-symbol {
  display: block;
  position: relative;
}
.footer-symbol__logo img {
  width: 11rem;
  position: absolute;
  top: -1.5rem;
  z-index: 0;
}

#menu-footer-nav {
  margin-top: 1.125rem;
}
#menu-footer-nav li {
  width: 100%;
  display: block;
  border-bottom: 1px solid white;
}
#menu-footer-nav li:first-child {
  border-top: 1px solid white;
}
#menu-footer-nav li a {
  padding: 1.25rem 0;
  text-transform: uppercase;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
  color: white;
  position: relative;
}
#menu-footer-nav li a:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  background: url(../images/icon-arrow-right-white.svg);
  background-size: cover;
  right: 0px;
  top: 0.875rem;
}
#menu-footer-nav li.active a {
  background: none;
}

.footer__inner__newsletter a {
  width: fit-content;
  display: block;
}
.footer__inner__newsletter .nl-signup {
  border: solid 1px;
  padding: 10px;
}

.off-canvas {
  margin-top: 0;
  padding: 0;
}
.off-canvas .row {
  margin: 0;
}
.off-canvas .columns {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.off-canvas__search {
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
  background: #f6f6f6;
  display: block;
  position: relative;
}
.off-canvas__social {
  padding-top: 1.875rem;
}
.off-canvas__social a:last-child {
  margin-right: 0;
}
.off-canvas__logos {
  display: none;
}
@media screen and (max-width: 39.9375em) {
  .off-canvas__logos {
    display: block;
    padding-top: 0.625rem;
  }
  .off-canvas__logos img {
    max-width: initial;
    width: initial;
    height: 60px;
  }
}
.off-canvas .off-menu ul {
  margin-top: 1.875rem;
}
.off-canvas .off-menu ul li {
  width: 100%;
  display: block;
  border-bottom: 1px solid white;
}
.off-canvas .off-menu ul li:first-child {
  border-top: 1px solid white;
}
.off-canvas .off-menu ul li a, .off-canvas .off-menu ul li.is-accordion-submenu-parent li a {
  padding: 1.25rem 0;
  text-transform: uppercase;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
  color: white;
  position: relative;
}
.off-canvas .off-menu ul li a:after, .off-canvas .off-menu ul li.is-accordion-submenu-parent li a:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  background: url(../images/icon-arrow-right-white.svg);
  background-size: cover;
  right: 0px;
  top: 0.8125rem;
}
.off-canvas .off-menu ul li.active > a {
  background: none;
}
.off-canvas .off-menu ul li.is-accordion-submenu-parent a:after {
  background: url(../images/icon-plus-white.svg);
  background-size: cover;
}
.off-canvas .off-menu ul ul {
  margin-top: 0;
}
.off-canvas .off-menu ul ul li {
  padding-left: 1.25rem;
}
.off-canvas .off-menu ul ul li:last-child {
  border-bottom: 0;
}

.page .article-header,
.search .article-header,
.error404 .article-header {
  padding: 1.25rem 1.5625rem 0;
}
.page .article-header:before,
.search .article-header:before,
.error404 .article-header:before {
  display: none;
}
.page .article-header__inner,
.search .article-header__inner,
.error404 .article-header__inner {
  max-width: 680px;
  margin: auto;
  padding: 1.125rem 1.25rem 0.625rem 1.25rem;
}
.page .article-header__inner h4,
.search .article-header__inner h4,
.error404 .article-header__inner h4 {
  text-transform: uppercase;
  font-size: 1.125rem;
}
@media screen and (max-width: 39.9375em) {
  .page .article-header__inner h4,
  .search .article-header__inner h4,
  .error404 .article-header__inner h4 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 63.9375em) {
  .page .article-header__inner,
  .search .article-header__inner,
  .error404 .article-header__inner {
    padding: 1.25rem 0.9375rem 0;
  }
}
.page #content #inner-content,
.search #content #inner-content,
.error404 #content #inner-content {
  padding: 1.25rem 1.5625rem 3.125rem 1.5625rem;
}
.page article,
.search article,
.error404 article {
  min-height: initial;
}
@media screen and (max-width: 39.9375em) {
  .page article,
  .search article,
  .error404 article {
    padding-bottom: 0;
  }
}
.page .entry-content,
.search .entry-content,
.error404 .entry-content {
  margin: auto;
  max-width: 680px;
}
.page .article-image,
.search .article-image,
.error404 .article-image {
  /* &:before {
  	content: "";
  	display: block;
  	padding-top: 22.5%;			
  } */
  position: relative;
  display: block;
  overflow: hidden;
  background: black;
  max-width: 680px;
  margin: 0 auto;
}
.page .article-image img,
.search .article-image img,
.error404 .article-image img {
  width: 100%;
  aspect-ratio: 570/320;
  object-fit: cover;
  max-height: 200px;
}

.search #main {
  background: white;
}
.search #main .search-content {
  max-width: 680px;
  padding: 1.875rem 1.25rem;
  margin: auto;
}
.search #main article {
  padding-bottom: 1rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #e8e8e8;
}
.search #main article .article-content-footer {
  margin: auto;
  max-width: 680px;
}
.search #main article .article-header {
  display: none;
}
.search #main article .entry-content {
  padding: 0;
}
.search #main article .article-footer {
  position: relative;
  height: auto;
  padding: 0;
}
.search #main article .article-footer__inner {
  border: 0;
  padding-top: 0;
  position: relative;
}
.search #main article .article-footer__inner h4:after {
  top: -0.3125rem;
  right: 0;
}

.sidebar {
  padding: 6.25rem 0 0 1.25rem;
}
@media screen and (max-width: 63.9375em) {
  .sidebar {
    padding-top: 3.125rem;
    padding-left: 0;
  }
  .sidebar .column,
  .sidebar .columns {
    padding-left: 0;
    padding-right: 0;
  }
}
.sidebar .articles {
  background: #f6f6f6;
  padding-bottom: 1.25rem;
  float: left;
}
.sidebar .articles__inner {
  padding: 0 0.625rem;
}
.sidebar .articles__title {
  padding-left: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 63.9375em) {
  .sidebar .articles__title {
    padding-left: 0;
  }
}
.sidebar .articles__title-facebook {
  padding-bottom: 1.25rem;
}
.sidebar .articles article {
  min-height: auto;
  float: left;
  background: none;
  width: 100%;
}
.sidebar .articles article p {
  display: none;
}
.sidebar .articles .article-header {
  width: 30%;
  float: left;
  padding: 0;
  /*&:before 
  {
  	content: '';
  	display: block;		
  	padding-top: 56.25%;
  }*/
}
.sidebar .articles .article-header__icon {
  display: none;
}
.sidebar .articles .article-header img {
  width: 100%;
  aspect-ratio: 570/474;
  object-fit: cover;
}
.sidebar .articles .article-content-footer {
  width: 70%;
  float: left;
}
.sidebar .articles .article-content-footer h2 {
  font-size: 1.125rem;
}
.sidebar .articles .entry-content {
  padding: 0 0 0 1.25rem;
}
.sidebar .articles .article-footer {
  position: relative;
  height: auto;
}
.sidebar .articles .article-footer__inner {
  border: 0;
  padding-top: 0;
}
.sidebar .articles .article-footer__inner h4:after {
  top: -0.3125rem;
  right: 0;
}

.mejs-offscreen {
  display: none;
}

/** audio player styles **/
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

div.audio-player,
.mejs-container {
  position: relative;
  width: 100%;
  height: 70px !important;
  margin: 0 auto;
  background: #24b8cd;
  border-radius: 3px;
  margin-bottom: 1.25rem;
  min-width: 100% !important;
}

.nederlands div.audio-player, .nederlands .mejs-container {
  background-image: url(../images/bg-header.jpg);
  background-size: cover;
  background-position: bottom center;
}

.english div.audio-player, .english .mejs-container {
  background-image: url(../images/bg-header-english.jpg);
  background-size: cover;
  background-position: bottom center;
}

.papiamentu div.audio-player, .papiamentu .mejs-container {
  background-image: url(../images/bg-header-papiamentu.jpg);
  background-size: cover;
  background-position: bottom center;
}

/* play/pause control */
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  position: absolute;
  text-indent: -9999px;
  z-index: 100;
}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
  width: 28px;
  height: 28px;
  top: 20px;
  left: 7px;
  background: transparent url("../images/icon-play.svg") 0 0 no-repeat;
}

.mejs-controls .mejs-pause button {
  background: transparent url("../images/icon-pause.svg") 0 0 no-repeat;
}

/* mute/unmute control */
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
  width: 28px;
  height: 28px;
  top: 20px;
  right: 10px;
  background: transparent url("../images/icon-unmute.svg") 0 0;
}
@media screen and (max-width: 39.9375em) {
  .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
    display: none;
  }
}

.mejs-controls .mejs-unmute button {
  background: transparent url("../images/icon-mute.svg") 0 0;
}

/* volume scrubber bar */
.mejs-controls div.mejs-horizontal-volume-slider {
  /*
  position: absolute;
  top: 13px;
  right: 15px;
  cursor: pointer;
  */
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  display: none;
  /*
  width: 120px;
  height: 11px;
  background: #212227;
  box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  */
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  display: none;
  /*
  position: absolute;
  width: 0;
  height: 9px;
  top: 1px;
  left: 1px;
  background: #CDF593;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  */
}

/* time scrubber bar */
.mejs-controls div.mejs-time-rail {
  width: 380px;
}

.mejs-controls .mejs-time-rail span {
  position: absolute;
  display: block;
  width: 380px;
  height: 8px;
  top: 20px;
  left: 10%;
  cursor: pointer;
  border-radius: 2px;
}
@media screen and (max-width: 39.9375em) {
  .mejs-controls .mejs-time-rail span {
    left: 20%;
  }
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  background: rgba(0, 0, 0, 0.4);
  width: 80% !important; /* fixes display bug using jQuery 1.8+ */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
@media screen and (max-width: 39.9375em) {
  .mejs-controls .mejs-time-rail .mejs-time-total {
    left: 20%;
    width: 72% !important;
  }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  top: 0;
  left: 0;
  width: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  top: 0;
  left: 0;
  width: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f6f6f6;
}

/* metallic sliders */
.mejs-controls .mejs-time-rail .mejs-time-handle {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  top: -7px;
  border-radius: 50%;
  background: white;
  left: 0;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  position: absolute;
  display: none;
  width: 14px;
  height: 14px;
  top: -1px;
  border-radius: 50%;
}

/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  width: 33px;
  height: 23px;
  top: -32px;
  margin-left: -17px;
  z-index: 9999;
  background: #f6f6f6;
  border-radius: 4px;
  color: #313131;
  font-family: "Open Sans";
  font-weight: 600;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 33px;
  display: block;
  left: 0;
  top: 4px;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  text-align: center;
  z-index: 9999;
}

.mejs-currenttime, .mejs-duration {
  color: #fff;
  font-size: 0.875rem;
  font-family: "Open Sans";
  font-weight: 600;
  line-height: 100%;
}

.mejs-currenttime {
  position: relative;
  top: 2.125rem;
  left: 10%;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .mejs-currenttime {
    top: 2.5rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .mejs-currenttime {
    top: 2.8125rem;
    left: 20%;
  }
}

.mejs-duration {
  position: relative;
  top: 1rem;
  width: 90%;
  text-align: right;
  display: block;
  left: 0;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .mejs-duration {
    top: 1.375rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .mejs-duration {
    top: 1.625rem;
    width: 92%;
  }
}

.pagination {
  margin: auto;
  text-align: right;
}
.pagination li {
  margin: 0;
  background: none;
}
.pagination li:hover {
  background: none;
}
.pagination li:last-child {
  padding-right: 0;
}
.pagination li.current {
  background: white;
  text-transform: uppercase;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1rem;
  position: relative;
}
.pagination li a {
  padding: 0;
}
.pagination li a:hover {
  background: none;
}

.nederlands ul.pagination li:hover,
.english ul.pagination li:hover,
.papiamentu ul.pagination li:hover {
  background: none;
}
.nederlands ul.pagination li:hover a,
.english ul.pagination li:hover a,
.papiamentu ul.pagination li:hover a {
  color: #0a0a0a;
}

.nederlands .pagination li.current {
  color: #24b8cd;
}

.english .pagination li.current {
  color: #da2611;
}

.papiamentu .pagination li.current {
  color: #fdb200;
}

/*# sourceMappingURL=style.css.map */