@charset "UTF-8";
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }

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

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/* Forms ========================================================================== */
/** Change font properties to `inherit` in all browsers (opinionated). */
button, input, select, textarea { font: inherit; }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }

/** Show the overflow in IE. 1. Show the overflow in Edge. 2. Show the overflow in Edge, Firefox, and IE. */
button, input, select { /* 2 */ overflow: visible; }

/** Remove the margin in Safari. 1. Remove the margin in Firefox and Safari. */
button, input, select, textarea { /* 1 */ margin: 0; }

/** Remove the inheritence of text transform in Edge, Firefox, and IE. 1. Remove the inheritence of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Change the cursor in all browsers (opinionated). */
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

/** Restore the default cursor to disabled elements unset by the previous rule. */
[disabled] { cursor: default; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

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

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** Correct the odd appearance of search inputs in Chrome and Safari. */
[type="search"] { -webkit-appearance: textfield; }

/** Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Scaffolding settings  */
html { box-sizing: border-box; font-size: 100%; line-height: 1.5; font-family: "Open Sans", Verdana, sans-serif; color: #384241; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

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

/** Grid system */
.grid { margin-left: auto; margin-right: auto; width: 86%; max-width: 924px; }

.grid--small { max-width: 710px; }

.grid--flex--standard { display: block; }

@media (min-width: 650px) { .grid--flex--standard { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } }

.grid--flex--always { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; }

.grid__col--small { max-width: 790px; }

.grid__col--half { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 650px) { .grid__col--half { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } }

.grid--flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -24px; }

@media (min-width: 400px) { .grid--flex--fourths { margin-left: -2px; } }

.grid--flex__item { padding-left: 24px; padding-top: 32px; -webkit-box-flex: none; -moz-box-flex: none; box-flex: none; -webkit-flex: none; -moz-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.grid--flex__item--mar-vert--large { padding-top: 32px; }

.grid--flex__item--mar-vert--xlarge { padding-top: 52px; }

.grid--flex__item > * { width: 100%; }

.grid--flex--halfs .grid--flex__item { width: 100%; }

@media (min-width: 650px) { .grid--flex--halfs .grid--flex__item { width: 50%; }
  .grid--flex--halfs .grid--flex__item--mar-vert--large { padding-top: 62px; }
  .grid--flex--halfs .grid--flex__item--mar-vert--xlarge { padding-top: 82px; } }

.grid--flex--thirds .grid--flex__item { width: 100%; }

.grid--flex--thirds .grid--flex__item .card__content { padding: 28px 22px; }

.grid--flex--thirds .grid--flex__item h2 { font-size: 18px; line-height: 1.333; margin: 0; }

@media (min-width: 650px) { .grid--flex--thirds .grid--flex__item { width: 50%; }
  .grid--flex--thirds .grid--flex__item--mar-vert--large { padding-top: 62px; } }

@media (min-width: 800px) { .grid--flex--thirds .grid--flex__item { width: 33.333333%; } }

.grid--flex--fourths .grid--flex__item { width: 100%; padding-top: 2px; display: block; }

@media (min-width: 400px) { .grid--flex--fourths .grid--flex__item { width: 50%; padding-left: 2px; } }

@media (min-width: 650px) { .grid--flex--fourths .grid--flex__item { width: 33.333333%; } }

@media (min-width: 800px) { .grid--flex--fourths .grid--flex__item { width: 25%; } }

/** Sections */
.page-content { padding-top: 10px; padding-bottom: 1.875rem; }

@media (min-width: 650px) { .page-content { padding-bottom: 3.125rem; } }

@media (min-width: 750px) { .page-content { padding-bottom: 3.75rem; } }

@media (min-width: 1075px) { .page-content { padding-top: 30px; padding-bottom: 5rem; } }

#cookie_div { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; background-color: #33bcad; width: 100%; min-height: 56px; font-size: 0.750rem; font-weight: 600; color: #fff; padding: 14px 25px 14px; }

@media (min-width: 600px) { #cookie_div { font-size: 1rem !important; height: 56px; padding: 17px 25px 14px !important; } }

#cookie_div .left { float: left; width: 80%; }

#cookie_div .left a:hover { color: #1d1b1b; }

#cookie_div .right { float: right; width: 20%; text-align: right; }

#cookie_div .right:hover { cursor: pointer; }

#cookie_div .right:hover .icon--close { fill: #1d1b1b; }

#cookie_div .icon--close { -webkit-transition: fill 100ms linear; -moz-transition: fill 100ms linear; transition: fill 100ms linear; width: 16px; height: 24px; fill: #fff; }

#cookie_div .icon--close :hover { fill: #1d1b1b; }

.drupal-tabs { z-index: 10; }

/** Site logo */
.site__logo { position: absolute; left: 50%; top: 2px; -webkit-transform: translateX(-50%) scale(0.6); -moz-transform: translateX(-50%) scale(0.6); -ms-transform: translateX(-50%) scale(0.6); -o-transform: translateX(-50%) scale(0.6); transform: translateX(-50%) scale(0.6); }

.site__logo svg { width: 142px; height: 52px; fill: #fff; }

@media (min-width: 600px) { .site__logo { top: 12px; -webkit-transform: translateX(-50%) scale(0.7); -moz-transform: translateX(-50%) scale(0.7); -ms-transform: translateX(-50%) scale(0.7); -o-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); } }

@media (min-width: 750px) { .site__logo { top: 18px; -webkit-transform: translateX(-50%) scale(0.8); -moz-transform: translateX(-50%) scale(0.8); -ms-transform: translateX(-50%) scale(0.8); -o-transform: translateX(-50%) scale(0.8); transform: translateX(-50%) scale(0.8); } }

@media (min-width: 1075px) { .site__logo { top: 38px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } }

/** Nav toggle */
.nav-toggle { cursor: pointer; width: 34px; height: 21px; margin-top: 16px; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 600px) { .nav-toggle { margin-top: 24px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } }

@media (min-width: 750px) { .nav-toggle { margin-top: 28px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

@media (min-width: 1075px) { .nav-toggle { margin-top: 43px; } }

.nav-toggle__icon svg { display: block; }

.nav-toggle__icon:hover svg { fill: #ffdd02; }

/** Keyvisual */
.keyvisual { position: relative; color: #fff; height: 327px; }

@media (min-width: 600px) { .keyvisual { height: 358px; } }

@media (min-width: 750px) { .keyvisual { height: 448px; } }

@media (min-width: 1075px) { .keyvisual { height: 522px; } }

.keyvisual--jumbo { height: auto; padding-top: 50px; }

@media (min-width: 600px) { .keyvisual--jumbo { padding-top: 70px; } }

@media (min-width: 1075px) { .keyvisual--jumbo { padding-top: 90px; } }

.keyvisual--jumbo__content { text-align: center; color: #fff; position: relative; z-index: 1; max-width: 750px; margin-top: 40px; margin-bottom: 17px; }

@media (min-width: 600px) { .keyvisual--jumbo__content { margin-top: 30px; margin-bottom: 40px; } }

@media (min-width: 750px) { .keyvisual--jumbo__content { margin-top: 60px; margin-bottom: 70px; } }

@media (min-width: 1075px) { .keyvisual--jumbo__content { margin-top: 80px; margin-bottom: 90px; } }

.keyvisual--jumbo__content h1 { font-size: 1.6875rem; line-height: 1; text-transform: uppercase; }

@media (min-width: 350px) { .keyvisual--jumbo__content h1 { font-size: 1.875rem; } }

@media (min-width: 500px) { .keyvisual--jumbo__content h1 { font-size: 2.5rem; } }

@media (min-width: 750px) { .keyvisual--jumbo__content h1 { font-size: 3.125rem; } }

@media (min-width: 1075px) { .keyvisual--jumbo__content h1 { font-size: 4rem; } }

.keyvisual--jumbo__content p { font-size: 1rem; line-height: 1.333333em; }

@media (min-width: 350px) { .keyvisual--jumbo__content p { font-size: 1rem; } }

@media (min-width: 500px) { .keyvisual--jumbo__content p { font-size: 1.25rem; } }

@media (min-width: 750px) { .keyvisual--jumbo__content p { font-size: 1.5rem; } }

@media (min-width: 1075px) { .keyvisual--jumbo__content p { font-size: 1.8125rem; } }

.keyvisual--jumbo__content .button { margin-left: 8px; margin-right: 8px; }

@media (max-width: 749px) { .keyvisual--jumbo__content .button { margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px; line-height: 24px; padding-top: 10px; padding-bottom: 10px; } }

.keyvisual--jumbo__logos { font-size: 1.4rem; margin-top: 30px; margin-bottom: 37px; }

@media (min-width: 480px) { .keyvisual--jumbo__logos { font-size: 1.8rem; } }

@media (min-width: 750px) { .keyvisual--jumbo__logos { font-size: 2.1rem; } }

@media (min-width: 1400px) { .keyvisual--jumbo__logos { font-size: 2.4rem; margin-top: 50px; margin-bottom: 64px; } }

.keyvisual--jumbo__logos img { display: inline-block; margin: 0 .4em; vertical-align: bottom; height: auto; }

.keyvisual--jumbo__logos__tu { max-width: 5em; }

.keyvisual--jumbo__logos__eu { max-width: 4.9em; }

.keyvisual__shade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.keyvisual__content { position: relative; z-index: 1; margin-top: 5.5rem; }

@media (min-width: 600px) { .keyvisual__content { margin-top: 8.75rem; } }

@media (min-width: 750px) { .keyvisual__content { margin-top: 11.875rem; } }

@media (min-width: 1075px) { .keyvisual__content { margin-top: 14.4375rem; } }

.keyvisual__content--large { margin-top: 7.5rem; }

@media (min-width: 600px) { .keyvisual__content--large { margin-top: 8.75rem; } }

@media (min-width: 750px) { .keyvisual__content--large { margin-top: 11.875rem; } }

@media (min-width: 1075px) { .keyvisual__content--large { margin-top: 13.625rem; } }

.keyvisual__icon { -webkit-transition: background-color 100ms linear, color 100ms linear; -moz-transition: background-color 100ms linear, color 100ms linear; transition: background-color 100ms linear, color 100ms linear; background-color: #1d1b1b; width: 30px; height: 30px; position: relative; display: block; float: left; margin: 0 5px 0 0; }

a.keyvisual__icon:hover { background: #ffdd02; color: #1d1b1b; }

@media (min-width: 600px) { .keyvisual__icon { width: 40px; height: 40px; } }

@media (min-width: 750px) { .keyvisual__icon { width: 50px; height: 50px; } }

@media (min-width: 1075px) { .keyvisual__icon { width: 58px; height: 58px; } }

.keyvisual__icon .icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 55%; height: 55%; }

.keyvisual__icon .icon svg { width: 100%; height: 100%; }

.keyvisual__heading { clear: both; font-size: 1.25rem; line-height: 1.5rem; text-transform: uppercase; margin: 0; }

.keyvisual__icon + .keyvisual__heading { padding-top: 10px; }

@media (min-width: 600px) { .keyvisual__heading { font-size: 1.625rem; line-height: 1.875rem; } }

@media (min-width: 750px) { .keyvisual__heading { font-size: 2.125rem; line-height: 2.5rem; } }

@media (min-width: 1075px) { .keyvisual__heading { font-size: 2.5rem; line-height: 3.125rem; } }

.keyvisual__heading--large { font-size: 1.875rem; line-height: 2.125rem; }

@media (min-width: 600px) { .keyvisual__heading--large { font-size: 2.5rem; line-height: 2.75rem; } }

@media (min-width: 750px) { .keyvisual__heading--large { font-size: 3.125rem; line-height: 3.375rem; } }

@media (min-width: 1075px) { .keyvisual__heading--large { font-size: 4.375rem; line-height: 4.625rem; } }

.keyvisual__sub { font-size: 1rem; line-height: 1.5rem; margin: 0; margin-top: 8px; font-weight: 600; }

@media (min-width: 750px) { .keyvisual__sub { font-size: 1.25rem; line-height: 1.5rem; } }

@media (min-width: 1075px) { .keyvisual__sub { font-size: 1.25rem; line-height: 1.5rem; } }

/** Buttons */
.button, .form-actions .form-submit, .views-submit-button .form-submit { -webkit-transition: all 75ms linear; -moz-transition: all 75ms linear; transition: all 75ms linear; font-size: 0.9375rem; font-weight: 700; line-height: 3.5rem; text-align: center; text-decoration: none; text-transform: uppercase; padding: 0 20px; display: block; width: 100%; position: relative; border: 0; border-radius: 0; -webkit-appearance: none; }

@media (min-width: 600px) { .button, .form-actions .form-submit, .views-submit-button .form-submit { display: inline-block; width: auto; padding: 0 41px; } }

.button span, .button svg, .form-actions .form-submit span, .form-actions .form-submit svg, .views-submit-button .form-submit span, .views-submit-button .form-submit svg { position: relative; z-index: 1; }

.button:focus, .form-actions .form-submit:focus, .views-submit-button .form-submit:focus { outline: none !important; }

.button-small, .form-actions .form-submit-small, .views-submit-button .form-submit-small { line-height: 2.5rem; padding: 0 10px; }

@media (min-width: 920px) { .button-small, .form-actions .form-submit-small, .views-submit-button .form-submit-small { padding: 0 20px; } }

.button-xsmall, .views-submit-button .form-submit, .form-actions .form-submit-xsmall, .views-submit-button .form-submit-xsmall { line-height: 1.875rem; padding: 0 10px; font-size: 13px; }

@media (min-width: 920px) { .button-xsmall, .views-submit-button .form-submit, .form-actions .form-submit-xsmall, .views-submit-button .form-submit-xsmall { padding: 0 15px; } }

.button--primary, .views-submit-button .form-submit, .form-actions .form-submit--primary, .views-submit-button .form-submit--primary { background-color: #ffdd02; color: #1d1b1b; }

.button--primary:hover, .views-submit-button .form-submit:hover, .form-actions .form-submit--primary:hover, .views-submit-button .form-submit--primary:hover { background-color: #33bcad; color: #fff; }

.button--archive, .form-actions .form-submit--archive, .views-submit-button .form-submit--archive { float: left; font-weight: 700; line-height: 2.3rem; padding: 0 10px; margin: 40px 0 0; width: auto; z-index: 1; }

@media (min-width: 600px) { .button--archive, .form-actions .form-submit--archive, .views-submit-button .form-submit--archive { font-size: 1.275rem; line-height: 3.5rem; padding: 0 20px; margin: 50px 0 0; } }

.button__icon, .form-actions .form-submit__icon, .views-submit-button .form-submit__icon { -webkit-transition: background-color 100ms linear, color 100ms linear; -moz-transition: background-color 100ms linear, color 100ms linear; transition: background-color 100ms linear, color 100ms linear; width: 30px; height: 30px; display: block; float: left; position: relative; margin: 0; }

.button__icon .icon, .form-actions .form-submit__icon .icon, .views-submit-button .form-submit__icon .icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-77%); -moz-transform: translateX(-50%) translateY(-77%); -ms-transform: translateX(-50%) translateY(-77%); -o-transform: translateX(-50%) translateY(-77%); transform: translateX(-50%) translateY(-77%); width: 50%; height: 50%; }

.button__icon .icon svg, .form-actions .form-submit__icon .icon svg, .views-submit-button .form-submit__icon .icon svg { width: 100%; height: 100%; }

/** Footer  */
.site__footer { position: relative; background-color: #33bcad; color: #fff; overflow: hidden; }

@media (min-width: 800px) { .site__footer { padding: 0; } }

.site__footer .grid { width: 100%; }

@media (min-width: 800px) { .site__footer .grid { width: 86%; }
  .site__footer .grid > :before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; background: #1d1b1b; width: 200%; -webkit-transform: translateX(-98%); -moz-transform: translateX(-98%); -ms-transform: translateX(-98%); -o-transform: translateX(-98%); transform: translateX(-98%); } }

.site__footer .grid__col { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.site__footer .grid__col p { margin-top: 1.25rem; margin-bottom: 1.25rem; }

.site__footer .grid__col p a { -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; transition: color 100ms linear; color: #fff; text-decoration: none; }

.site__footer .grid__col p a:hover { text-decoration: underline; }

.site__footer .grid__col__left { position: relative; background-color: #1d1b1b; padding: 10% 7% 6%; z-index: 1; }

.site__footer .grid__col__left h2 { margin-top: 0; }

@media (min-width: 600px) and (max-width: 768px) { .site__footer .grid__col__left .address { width: 50%; float: left; }
  .site__footer .grid__col__left .contact-details { width: 50%; float: left; } }

.site__footer .grid__col__right__left-col { padding: 8% 0; width: 94%; margin: 0 auto; }

.site__footer .grid__col__right__left-col a.footer__link { -webkit-transition: color 50ms linear; -moz-transition: color 50ms linear; transition: color 50ms linear; display: block; font-weight: 600; letter-spacing: 0.2em; line-height: 20px; padding: 15px 0; text-decoration: none; text-transform: uppercase; }

.site__footer .grid__col__right__left-col a.footer__link:hover { color: #1d1b1b; }

.site__footer .grid__col__right__left-col a.footer__link:hover svg { fill: #1d1b1b; }

.site__footer .grid__col__right__left-col a.footer__link .icon { -webkit-transition: fill 100ms linear; -moz-transition: fill 100ms linear; transition: fill 100ms linear; fill: #fff; float: left; width: 50px; margin-top: -2px; }

.site__footer .grid__col__right__left-col a.footer__link .icon--home { height: 20px; }

.site__footer .grid__col__right__left-col a.footer__link .icon--news { height: 21px; }

.site__footer .grid__col__right__left-col a.footer__link .icon--innovation-program { height: 28px; }

.site__footer .grid__col__right__left-col a.footer__link .icon--events { height: 22px; }

.site__footer .grid__col__right__left-col a.footer__link .icon--get-involved { height: 25px; }

.site__footer .grid__col__right__left-col a.footer__link .icon--partners { height: 19px; }

.site__footer .grid__col__right__left-col a.footer__link .icon--about { height: 17px; }

@media (min-width: 600px) and (max-width: 768px) { .site__footer .grid__col__right__left-col { width: 50%; float: left; padding: 6% 6% 10% 5%; } }

.site__footer .grid__col__right__right-col { padding: 0 7% 7%; }

.site__footer .grid__col__right__right-col h3 { margin-top: 0; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp { position: relative; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp .form-item { margin: -.5em 0 .5em; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp .form-item input.error { background: rgba(140, 11, 1, 0.25); border: 1px solid #8c2e0b; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp .form-item label.error { font-size: 0.875rem; font-weight: normal; color: #AA0000; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp input[type="email"] { background: rgba(0, 0, 0, 0.1); border: 0; color: #fff; height: 40px; padding-left: 14px; width: 100%; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp input[type="email"]:focus { outline: none; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #fff; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #fff; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #fff; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp button.form-submit { border: 0; }

.site__footer .grid__col__right__right-col #webform-client-form-mailchimp button.form-submit:hover { background: #1d1b1b; color: #fff; }

.site__footer .grid__col__right__right-col .logo-eu { margin-top: 2.875rem; margin-bottom: 1.875rem; }

.site__footer .grid__col__right__right-col .logo-eu img { display: inline-block; }

@media (min-width: 600px) and (max-width: 768px) { .site__footer .grid__col__right__right-col { width: 50%; float: left; padding: 7%; } }

@media (min-width: 800px) { .site__footer .grid__col { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .site__footer .grid__col__left { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 2.875rem 0; width: 31%; }
  .site__footer .grid__col__right { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0; width: 69%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .site__footer .grid__col__right__left-col { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; padding: 2.5rem 3rem; }
  .site__footer .grid__col__right__right-col { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: inherit; padding: 3rem 0; } }

.site__footer .grid .social-share { margin-left: -15px; }

.site__footer .grid .social-share__button { -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; transition: color 100ms linear; background: none; width: 40px; height: 40px; margin: 20px 4px 20px 0; color: #8e8d8d; }

.site__footer .grid .social-share__button:hover { color: #fff; }

/** Figure */
figure { margin: 0; margin-bottom: 1.875rem; margin-top: 2.0625rem; }

figcaption { font-size: 0.875rem; line-height: 1.25rem; font-style: italic; margin-top: 13px; }

@media (min-width: 650px) { figcaption { line-height: 1.25rem; } }

.link .icon--arrow { width: 7px; height: 10px; top: 0; }

.link .icon--arrow-left { margin-right: 5px; }

.link--grey { color: #acacac; }

.link--grey:hover { color: #33bcad; }

.logo { -webkit-transition: border-color 100ms linear; -moz-transition: border-color 100ms linear; transition: border-color 100ms linear; position: relative; display: block; border-bottom: 4px solid #fff; }

.logo:before { content: ''; display: block; width: 100%; padding-top: 75.1091703057%; }

.logo img { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); -o-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); position: absolute; top: 50%; left: 50%; max-width: 60%; }

.logo:hover { border-color: #ffdd02; }

.metadata { display: inline-block; width: 100%; padding: 25px 0; border-bottom: 1px solid #d9d8d8; }

@media (min-width: 920px) { .metadata { padding: 15px 0; } }

.metadata .grid { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; position: relative; }

.metadata .grid__col { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.metadata .grid .button__container { margin-top: 5px; }

@media (min-width: 768px) { .metadata .grid { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; }
  .metadata .grid .button__container { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; }
  .metadata .grid__col { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; padding: 15px 20px 0 0; } }

.metadata__date, .metadata__time, .metadata__location { position: relative; font-weight: 600; margin-bottom: 10px; display: block; float: left; padding-left: 26px; }

@media (min-width: 768px) { .metadata__date, .metadata__time, .metadata__location { margin-right: 20px; } }

@media (min-width: 920px) { .metadata__date, .metadata__time, .metadata__location { font-size: 1.125em; margin-right: 40px; } }

.metadata__date svg, .metadata__time svg, .metadata__location svg { position: absolute; left: 0; top: 0; color: #d0cdcd; height: 17px; width: 18px; text-align: center; margin-top: 3px; margin-right: 4px; }

@media (min-width: 768px) { .metadata__date svg, .metadata__time svg, .metadata__location svg { height: 19px; } }

.metadata__location { white-space: normal; }

/** Page navigation */
.page-nav { max-width: 1150px; margin-left: auto; margin-right: auto; height: 60px; margin-top: -60px; position: relative; z-index: 1; width: 100%; }

.page-nav__bar { display: none; }

.page-nav__bar__label { display: none; }

.page-nav__button { display: block; width: 60px; height: 60px; position: absolute; top: 0; background-color: #ffdd02; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; transition: background-color 100ms linear; }

.page-nav__button--prev { right: 0; top: -60px; }

.page-nav__button--next { right: 0; border-top: 1px solid #e8c800; }

.page-nav__button.is-disabled { cursor: default; }

.page-nav__button.is-disabled .icon--arrow { opacity: .2; }

.page-nav__button.is-disabled:hover { background-color: #ffdd02; }

.page-nav__button__content { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-43%); -moz-transform: translateX(-50%) translateY(-43%); -ms-transform: translateX(-50%) translateY(-43%); -o-transform: translateX(-50%) translateY(-43%); transform: translateX(-50%) translateY(-43%); color: #fff; }

.page-nav__button__content .icon--arrow { width: 12px; height: 18px; fill: #fff; margin-left: auto; margin-right: auto; display: block; margin-bottom: 5px; }

.page-nav__button__content__page-num { font-size: 0.75rem; text-align: center; display: none; }

.page-nav__button:hover { background-color: #d8bb00; }

@media (min-width: 650px) { .page-nav { height: 80px; margin-left: 30px; margin-right: 30px; margin-top: -80px; width: auto; }
  .page-nav__bar { display: block; margin-left: 80px; margin-right: 80px; height: 100%; background-color: #fff; position: relative; }
  .page-nav__bar__label { display: block; position: absolute; top: 50%; width: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #ffdd02; font-size: 1.25rem; line-height: 1.5rem; }
  .page-nav__bar__label--prev { left: 0; padding-left: 24px; }
  .page-nav__bar__label--next { right: 0; text-align: right; padding-right: 24px; }
  .page-nav__button { width: 78px; height: 78px; top: 0; }
  .page-nav__button--prev { left: 0; }
  .page-nav__button--next { right: 0; left: auto; }
  .page-nav__button .icon--arrow { width: 14px; height: 20px; margin-bottom: 6px; }
  .page-nav__button__content__page-num { font-size: 1rem; display: block; } }

@media (min-width: 1200px) { .page-nav { margin-top: -100px; height: 100px; margin-left: auto; margin-right: auto; width: 100%; }
  .page-nav__bar { display: block; margin-left: 100px; margin-right: 100px; height: 100px; }
  .page-nav__bar__label { display: block; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); }
  .page-nav__button { width: 98px; height: 98px; }
  .page-nav__button--prev { left: 0; top: 0; }
  .page-nav__button--next { right: 0; left: auto; }
  .page-nav__button .icon--arrow { width: 21px; height: 32px; }
  .page-nav__button__content__page-num { font-size: 1.25rem; } }

/** Pager. */
/* A list of page numbers when more than 1 page of content is available. */
.pager { position: relative; clear: both; text-align: center; }

.item-list .pager { clear: none; margin: 40px 0 0; }

@media (min-width: 600px) { .item-list .pager { margin: 50px 0 0; } }

.item-list .pager li { margin: 0; padding: 0; }

.pager li a { width: 36px; height: 36px; box-shadow: none; }

.pager li a:hover { box-shadow: none; }

@media (min-width: 600px) { .pager li a { width: 56px; height: 56px; } }

.pager li.pager-item { margin: 0 -1px; }

.pager li.pager-item, .pager li.pager-current, .pager li.pager-ellipsis { display: none; font-size: 1rem; font-weight: 700; width: 36px; height: 36px; }

@media (min-width: 600px) { .pager li.pager-item, .pager li.pager-current, .pager li.pager-ellipsis { display: inline-block; font-size: 1.375rem; width: 56px; height: 56px; } }

.pager li.pager-item a, .pager li.pager-current a, .pager li.pager-ellipsis a { display: inline-block; background-color: #fff; padding: 6px; border: 0; color: #384241; font-size: 1rem; font-weight: 700; text-decoration: none; }

.pager li.pager-item a:hover, .pager li.pager-current a:hover, .pager li.pager-ellipsis a:hover { color: #33bcad; }

@media (min-width: 600px) { .pager li.pager-item a, .pager li.pager-current a, .pager li.pager-ellipsis a { font-size: 1.375rem; padding: 10px; } }

.pager li.pager-current { display: inline-block; background-color: #ffdd02; padding: 6px; font-weight: 700; color: #384241; }

@media (min-width: 600px) { .pager li.pager-current { padding: 10px; } }

.pager li.pager-previous { float: left; }

.pager li.pager-previous a { display: inline-block; background-color: #ffdd02; font-size: 0; text-decoration: none; }

.pager li.pager-previous a:before { display: inline-block; content: '\2039'; color: #384241; font-size: 34px; line-height: 28px; }

@media (min-width: 600px) { .pager li.pager-previous a:before { font-size: 50px; line-height: 45px; } }

.pager li.pager-previous a:hover { background-color: #33bcad; }

.pager li.pager-previous a:hover:before { color: #fff; }

.pager li.pager-next { float: right; }

.pager li.pager-next a { display: inline-block; background-color: #ffdd02; font-size: 0; text-decoration: none; }

.pager li.pager-next a:before { display: inline-block; content: '\203A'; color: #384241; font-size: 34px; line-height: 28px; }

@media (min-width: 600px) { .pager li.pager-next a:before { font-size: 50px; line-height: 45px; } }

.pager li.pager-next a:hover { background-color: #33bcad; }

.pager li.pager-next a:hover:before { color: #fff; }

.pager li.pager-ellipsis { padding: 6px; margin-left: 2px; }

@media (min-width: 600px) { .pager li.pager-ellipsis { padding: 10px; } }

.pager li.pager-first, .pager li.pager-last, .pager .ajax-progress { display: none; }

.project-status { margin: 8px 9px 50px; }

.project-status__inner { margin: 0 auto; position: relative; max-width: 410px; }

.project-status__bar { position: relative; z-index: 10; background-color: #d0cdcd; }

.project-status__bar:before { height: 5px; content: ''; display: block; width: 0; background: #ff8942; }

.project-status__milestone { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: block; position: absolute; top: 0; border-radius: 50%; z-index: 5; top: -17px; width: 40px; height: 40px; background: #fff; }

.project-status__milestone:nth-of-type(1) { left: 0; }

.project-status__milestone:nth-of-type(2) { left: 50%; }

.project-status__milestone:nth-of-type(3) { left: 100%; }

.project-status__label { white-space: nowrap; position: absolute; top: -17px; z-index: 15; font-size: 10px; text-transform: uppercase; text-align: center; }

.project-status__label:before { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: block; position: absolute; top: 0; border-radius: 50%; content: ''; left: 50%; width: 20px; height: 20px; margin-top: 10px; background: #d0cdcd; }

.project-status__label label { position: absolute; top: 40px; font-weight: normal; }

.project-status__stage1 { left: 0; }

.project-status__stage2 { left: 50%; }

.project-status__stage3 { right: 0; }

.project-status--active label { font-weight: bold; }

.project-status--13 .project-status__stage1:before { background: #ff8942; }

.project-status--14 .project-status__bar:before { width: 50%; }

.project-status--14 .project-status__stage1:before, .project-status--14 .project-status__stage2:before { background: #ff8942; }

.project-status--15 .project-status__bar:before { width: 100%; }

.project-status--15 .project-status__stage1:before, .project-status--15 .project-status__stage2:before, .project-status--15 .project-status__stage3:before { background: #ff8942; }

@media all and (max-width: 589px) { .project-status__stage1 label { left: -10px; }
  .project-status__stage2 label { white-space: normal; width: 90px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .project-status__stage3 label { left: auto; right: -10px; } }

@media all and (min-width: 590px) { .project-status__label { font-size: 12px; }
  .project-status label { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } }

.related { border-top: 1px solid #d9d8d8; }

.related__item { padding: 12px 18px; border-bottom: 1px solid #d9d8d8; }

.related__item:nth-child(odd) { background: #f6f6f6; }

.related label { font-weight: bold; text-transform: uppercase; font-size: 15px; margin: 0 0 4px; }

.related p { margin: 0; line-height: 1.4; }

@media (min-width: 768px) { .related label { line-height: 1.4; margin: 0; float: left; }
  .related p { margin-left: 120px; } }

/** Site */
.site { opacity: 1; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, -moz-transform; transition-property: opacity, transform; -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; }

.is-navanimate-in .site, .is-navanimate-out .site, .is-navopen .site { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); height: 100%; overflow: hidden; }

.is-navanimate-out .site { opacity: 1; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); }

/** Site header */
.site__header { position: absolute; z-index: 10; width: 100%; top: 0; left: 0; right: 0; }

.social-share { display: block; width: 100%; }

.social-share__button { position: relative; display: block; float: left; width: 62px; height: 53px; margin: 0 1px 0 0; background-color: #f6f6f6; color: #d0cdcd; text-align: center; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; transition: all 100ms linear; }

.social-share__button:hover { background-color: #ffdd02; color: #384241; }

.nav-main .social-share { margin-left: -18px; }

.nav-main .social-share__button { background-color: transparent; width: 53px; }

.social-share .icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.social-share .icon--facebook { width: 12px; height: 52px; }

.social-share .icon--twitter { width: 26px; height: 52px; }

.social-share .icon--linkedin { width: 25px; height: 52px; }

.social-share .icon--youtube { width: 26px; height: 52px; }

.speaker__cell { position: relative; }

.speaker--expand { box-sizing: border-box; display: none; width: 100%; position: relative; left: 0; padding: 0 5px; background: #ffdd02; transition: max-height .3s ease-in-out, margin-bottom .1s .2s; }

.speaker--large { max-width: 100%; height: auto; display: block; padding: 30px; margin: 0 auto; box-sizing: border-box; }

.speaker__cell.is-collapsed .speaker--basic { cursor: pointer; }

.speaker__cell.is-expanded .speaker--expand { margin-bottom: 10px; }

.speaker__cell.is-collapsed .arrow--up { display: none; height: 10px; width: 100%; }

.speaker__cell.is-expanded { display: block; position: relative; z-index: 1; }

.speaker__cell.is-expanded .arrow--up { display: block; border-bottom: 12px solid #ffdd02; border-left: 12px solid transparent; border-right: 12px solid transparent; height: 0; width: 0; margin: 12px auto 0; }

.speaker .basic__img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

.speaker .expand__close { position: absolute; top: 10px; right: 20px; color: #454545; font-size: 30px; line-height: 30px; text-decoration: none; }

.speaker .expand__close:before { content: '×'; }

.speaker .expand__close:hover { color: #fff; }

@media all and (min-width: 800px) { .speaker .expand__close { font-size: 50px; line-height: 50px; } }

@media only screen and (min-width: 650px) and (max-width: 799px) { .speaker__cell { width: 50%; }
  .speaker__cell:nth-of-type(2n+2) .speaker--expand { margin-left: calc(0px - 100% - 24px); }
  .speaker__cell:nth-of-type(2n+3) { clear: left; }
  .speaker--expand { width: calc(200% + 24px); }
  .speaker--large { padding: 40px; } }

@media only screen and (min-width: 800px) { .speaker__cell { width: 33%; }
  .speaker__cell:nth-of-type(3n+2) .speaker--expand { margin-left: calc(0px - 100% - 24px); }
  .speaker__cell:nth-of-type(3n+3) .speaker--expand { margin-left: calc(0px - 200% - 48px); }
  .speaker__cell:nth-of-type(3n+4) { clear: left; }
  .speaker--expand { width: calc(300% + 48px); }
  .speaker--large { padding: 50px; } }

/** Main navigation */
.nav-main { padding: 16px; position: fixed; left: 0; top: 0; bottom: 0; height: 100%; background: #fff; width: 100%; max-width: 400px; z-index: 100; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; transition: transform 400ms ease; }

.is-navopen .nav-main { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }

@media (min-width: 600px) { .nav-main { padding: 24px; } }

@media (min-width: 750px) { .nav-main { padding: 28px; } }

@media (min-width: 1075px) { .nav-main { padding: 42px; } }

.nav-main__close { width: 23px; height: 23px; cursor: pointer; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }

@media (min-width: 600px) { .nav-main__close { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } }

@media (min-width: 750px) { .nav-main__close { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

.nav-main__close svg { width: 100%; height: 100%; fill: #000; }

.nav-main__close svg:hover { fill: #33bcad; }

.nav-main ul { list-style: none; padding-left: 0; margin: 0; width: 100%; font-size: 0.875rem; line-height: 1.125rem; margin-top: 37px; }

@media (min-width: 350px) { .nav-main ul { font-size: 0.9375rem; line-height: 1.25rem; margin-top: 57px; } }

.nav-main ul li { margin-top: 26px; margin-bottom: 26px; }

@media (min-width: 350px) { .nav-main ul li { margin-top: 30px; margin-bottom: 30px; } }

.nav-main ul .icon { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; transition: all 100ms linear; width: 18px; height: 18px; position: absolute; left: 0; top: -2px; fill: #000; }

@media (min-width: 350px) { .nav-main ul .icon { width: 22px; height: 22px; } }

.nav-main ul a { display: block; text-transform: uppercase; text-decoration: none; font-weight: 700; position: relative; padding-left: 34px; }

@media (min-width: 350px) { .nav-main ul a { padding-left: 47px; } }

.nav-main ul a.active, .nav-main ul a:hover { color: #33bcad; }

.nav-main ul a.active .icon, .nav-main ul a:hover .icon { fill: #33bcad; }

/** Card */
.card { -webkit-transition: border 100ms linear; -moz-transition: border 100ms linear; transition: border 100ms linear; background-color: #fff; position: relative; display: block; text-decoration: none; border-bottom: 7px solid #ff8942; }

.card:hover { border-bottom-color: #ffdd02; }

.card--avatar { overflow: hidden; }

.card--interactive { cursor: pointer; }

.card--dark { background-color: #f6f6f6; }

.card--color-invert { background: #f6f6f6; }

.card__content { padding: 22px; position: relative; }

@media (min-width: 750px) { .card__content { padding: 32px; } }

@media (min-width: 1075px) { .card__content { padding: 42px; } }

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

.card__content--small { padding: 20px; }

.card__icons { position: absolute; top: 0; right: 22px; }

.card__icons--centered { right: 50%; -webkit-transform: translateX(50%) translateY(-50%); -moz-transform: translateX(50%) translateY(-50%); -ms-transform: translateX(50%) translateY(-50%); -o-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); }

.card__icons--centered .card__icon { margin-left: 0; }

@media (min-width: 750px) { .card__icons--program .card__icon { width: 50px; height: 50px; } }

@media (min-width: 1075px) { .card__icons--program .card__icon { width: 58px; height: 58px; } }

.card--image .card__icons { left: auto; -webkit-transform: translateY(-75%); -moz-transform: translateY(-75%); -ms-transform: translateY(-75%); -o-transform: translateY(-75%); transform: translateY(-75%); }

.card--noimage .card__icons { -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); }

@media all and (min-width: 750px) { .card--noimage .card__icons { right: 32px; } }

@media (min-width: 1075px) { .card--noimage .card__icons { right: 42px; } }

.card__icon { -webkit-transition: background-color 100ms linear, color 100ms linear; -moz-transition: background-color 100ms linear, color 100ms linear; transition: background-color 100ms linear, color 100ms linear; color: #fff; background-color: #1d1b1b; width: 44px; height: 44px; display: block; float: left; position: relative; margin: 0 0 0 5px; }

.card__icon .icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 50%; height: 50%; }

.card__icon .icon svg { width: 100%; height: 100%; }

.card__date { color: #acacac; font-size: 1.125rem; line-height: 1.375rem; text-transform: uppercase; font-weight: 600; }

.card h2 { margin: 0; margin-top: 5px; }

.card h3 { margin: 0; }

.card h3 + p { margin-top: 0; }

.card p { line-height: 1.625rem; margin: 0; margin-top: 17px; }

.card__overlay { position: absolute; left: 0; bottom: 0; right: 0; width: 100%; background-color: #ffdd02; padding: 20px; padding-left: 28px; padding-right: 28px; color: #1d1b1b; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; transition: transform 400ms ease; }

.card__overlay ul { margin: 0; list-style: none; padding-left: 0; margin-top: 20px; }

.card__overlay ul li { margin-bottom: 14px; }

.card__overlay ul a { text-decoration: none; position: relative; padding-left: 30px; }

.card__overlay ul a:hover { text-decoration: underline; }

.card__overlay ul a .icon { position: absolute; left: 0; top: 0; width: 20px; height: 20px; }

.card:hover .card__overlay { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.card__metadata { display: none; }

.video-widget, .media_embed { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-widget iframe, .media_embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** Prev / Next */
.prevnext { text-decoration: none; padding-top: 24px; padding-bottom: 24px; display: block; position: relative; }

@media (min-width: 650px) { .prevnext { padding-top: 34px; padding-bottom: 34px; padding-left: 40px; padding-right: 40px; } }

.prevnext h3 { -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; transition: color 100ms linear; margin: 0; }

.prevnext__date { display: none; text-transform: uppercase; color: #acacac; font-weight: 600; font-size: 0.875rem; margin-bottom: 6px; }

@media all and (min-width: 650px) { .prevnext__date { display: block; } }

.prevnext__desktop { display: none; }

@media all and (min-width: 650px) { .prevnext__desktop { display: block; } }

.prevnext__mobile { display: block; }

@media all and (min-width: 650px) { .prevnext__mobile { display: none; } }

.prevnext .icon { -webkit-transition: fill 100ms linear; -moz-transition: fill 100ms linear; transition: fill 100ms linear; position: absolute; top: 50%; fill: #d0cdcd; width: 15px; height: 27px; -webkit-transform: 0.8; -moz-transform: 0.8; -ms-transform: 0.8; -o-transform: 0.8; transform: 0.8; }

@media (min-width: 650px) { .prevnext .icon { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

.prevnext:hover h3 { color: #33bcad; }

.prevnext:hover .icon { fill: #33bcad; }

.prevnext--prev { display: block; padding-left: 30px; }

@media (min-width: 650px) { .prevnext--prev { display: block; padding-left: 50px; } }

.prevnext--prev .icon { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.prevnext--next { padding-right: 30px; text-align: right; }

@media (min-width: 650px) { .prevnext--next { padding-right: 50px; text-align: right; } }

.prevnext--next .icon { right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

/* .view-filters { h3 { margin: 0 0 15px; } .button { width: auto; text-transform: none; } .views-exposed-widgets { margin: 0; } .views-exposed-form .views-exposed-widget .form-submit { margin-top: 10px; } @media all and (max-width: 749px) { background: $color-white; margin-bottom: 0 !important; h3 { padding: 15px; margin: 0; cursor: pointer; &:hover .icon--arrow { color: $color-primary; } } &__icon { @include transition(all 100ms ease-in-out); float: right; margin: 5px 4px 0 0; position: relative; } .icon--arrow { @include transition(all 100ms ease-in-out); height:15px; width: 7px; } form { overflow: hidden; max-height: 0; margin-bottom: 0; @include transition(all 300ms ease-in-out); > div { padding: 0 15px 15px; } } &--open form { max-height: 500px; } &--open .icon--arrow { @include transform(rotate(-90deg)); } } @media all and (min-width: 750px) { .icon--arrow { display: none; } } }*/
.filter { background: #fff; padding: 30px; }

.filter .views-exposed-widgets { margin-bottom: 0; }

.filter .views-submit-button { display: none; }

.filter .views-exposed-widget:last-child { padding-bottom: 0; }

.filter__heading { margin-bottom: 0px; margin-top: 0; cursor: pointer; }

.filter__heading:hover { color: #ff8942; }

.filter__heading + form { margin-top: 20px; display: none; }

input[type="text"], input[type="email"], input[type="submit"], textarea { border: 1px solid #d9d8d8; border-radius: 0; -webkit-appearance: none; }

textarea { resize: vertical; }

.webform-client-form { max-width: 86%; margin: 0 auto; padding: 1rem 0 0; }

@media (min-width: 920px) { .webform-client-form { max-width: 710px; padding: 2rem 0 0; } }

.webform-client-form :focus { outline: none; }

.webform-client-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-style: italic; }

.webform-client-form ::-moz-placeholder { /* Firefox 19+ */ font-style: italic; }

.webform-client-form :-ms-input-placeholder { /* IE 10+ */ font-style: italic; }

.webform-client-form :-moz-placeholder { /* Firefox 18- */ font-style: italic; }

.webform-client-form .form-item { margin: 10px 0; }

@media (min-width: 768px) { .webform-client-form .form-item { margin: 5px 0; } }

.webform-client-form .webform-component-radios { padding: 0 0 1rem 0; margin: 0 auto; text-align: center; }

@media (min-width: 768px) { .webform-client-form .webform-component-radios { padding: 0 0 2rem 0; }
  .webform-client-form .webform-component-radios .form-item { display: inline-block; margin-right: 50px; }
  .webform-client-form .webform-component-radios .form-item:last-of-type { margin-right: 0; } }

.webform-client-form label.error { font-size: 0.875rem; font-weight: normal; color: #ff8942; }

.webform-client-form input.error, .webform-client-form textarea.error { border: 1px solid #ff8942; }

.webform-client-form input.error::-webkit-input-placeholder { color: #ff8942; }

.webform-client-form input.error::-moz-placeholder { color: #ff8942; }

.webform-client-form input.error:-ms-input-placeholder { color: #ff8942; }

.webform-client-form input.error:-moz-placeholder { color: #ff8942; }

.webform-client-form textarea.error::-webkit-input-placeholder { color: #ff8942; }

.webform-client-form textarea.error::-moz-placeholder { color: #ff8942; }

.webform-client-form textarea.error:-ms-input-placeholder { color: #ff8942; }

.webform-client-form textarea.error:-moz-placeholder { color: #ff8942; }

.webform-client-form input[type="text"], .webform-client-form input[type="email"] { width: 100%; padding: 14px; }

@media (min-width: 768px) { .webform-client-form input[type="text"], .webform-client-form input[type="email"] { padding: 14px 25px; } }

@media (min-width: 768px) { .webform-client-form .webform-component--name { display: inline-block; float: left; width: 49%; }
  .webform-client-form .webform-component--surname { display: inline-block; width: 49%; margin-left: 2%; } }

.webform-client-form .form-textarea-wrapper textarea { width: 100%; height: 112px; padding: 14px; }

@media (min-width: 768px) { .webform-client-form .form-textarea-wrapper textarea { padding: 25px; } }

.webform-client-form .form-actions { margin: 0 auto; text-align: center; padding-top: 1rem; }

@media (min-width: 768px) { .webform-client-form .form-actions { padding-top: 2rem; } }

.webform-client-form .form-actions .form-submit { background: #ffdd02; color: #1d1b1b; }

.webform-client-form .form-actions .form-submit:hover { background: #33bcad; color: #fff; }

.views-exposed-form .views-exposed-widget { clear: both; float: none; padding: 0 0 5px; overflow: hidden; }

@media all and (min-width: 750px) { .views-exposed-form .views-exposed-widget { padding: 0; } }

.webform-client-form, .views-widget-filter-field_status_tid, .views-widget-filter-field_category_tid { margin-top: 10px; }

.webform-client-form:first-child, .views-widget-filter-field_status_tid:first-child, .views-widget-filter-field_category_tid:first-child { margin-top: 0; }

.webform-client-form > label, .views-widget-filter-field_status_tid > label, .views-widget-filter-field_category_tid > label { display: block; margin-right: 20px; margin-top: 7px; font-weight: normal; }

.webform-client-form .form-radios, .webform-client-form .form-checkboxes, .views-widget-filter-field_status_tid .form-radios, .views-widget-filter-field_status_tid .form-checkboxes, .views-widget-filter-field_category_tid .form-radios, .views-widget-filter-field_category_tid .form-checkboxes { padding-top: 11px; }

.webform-client-form .form-type-checkbox, .webform-client-form .form-type-radio, .webform-client-form .form-type-bef-checkbox, .webform-client-form .form-type-bef-radio, .views-widget-filter-field_status_tid .form-type-checkbox, .views-widget-filter-field_status_tid .form-type-radio, .views-widget-filter-field_status_tid .form-type-bef-checkbox, .views-widget-filter-field_status_tid .form-type-bef-radio, .views-widget-filter-field_category_tid .form-type-checkbox, .views-widget-filter-field_category_tid .form-type-radio, .views-widget-filter-field_category_tid .form-type-bef-checkbox, .views-widget-filter-field_category_tid .form-type-bef-radio { float: left; position: relative; margin: 0 20px 0 0; }

.webform-client-form .form-type-checkbox .description, .webform-client-form .form-type-radio .description, .webform-client-form .form-type-bef-checkbox .description, .webform-client-form .form-type-bef-radio .description, .views-widget-filter-field_status_tid .form-type-checkbox .description, .views-widget-filter-field_status_tid .form-type-radio .description, .views-widget-filter-field_status_tid .form-type-bef-checkbox .description, .views-widget-filter-field_status_tid .form-type-bef-radio .description, .views-widget-filter-field_category_tid .form-type-checkbox .description, .views-widget-filter-field_category_tid .form-type-radio .description, .views-widget-filter-field_category_tid .form-type-bef-checkbox .description, .views-widget-filter-field_category_tid .form-type-bef-radio .description { margin-left: 0; }

@media (max-width: 750px) { .webform-client-form .form-type-checkbox, .webform-client-form .form-type-radio, .webform-client-form .form-type-bef-checkbox, .webform-client-form .form-type-bef-radio, .views-widget-filter-field_status_tid .form-type-checkbox, .views-widget-filter-field_status_tid .form-type-radio, .views-widget-filter-field_status_tid .form-type-bef-checkbox, .views-widget-filter-field_status_tid .form-type-bef-radio, .views-widget-filter-field_category_tid .form-type-checkbox, .views-widget-filter-field_category_tid .form-type-radio, .views-widget-filter-field_category_tid .form-type-bef-checkbox, .views-widget-filter-field_category_tid .form-type-bef-radio { float: none; margin: 0 20px 6px 0; } }

.webform-client-form .form-type-checkbox > input, .webform-client-form .form-type-radio > input, .webform-client-form .form-type-bef-checkbox > input, .webform-client-form .form-type-bef-radio > input, .views-widget-filter-field_status_tid .form-type-checkbox > input, .views-widget-filter-field_status_tid .form-type-radio > input, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input, .views-widget-filter-field_status_tid .form-type-bef-radio > input, .views-widget-filter-field_category_tid .form-type-checkbox > input, .views-widget-filter-field_category_tid .form-type-radio > input, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input, .views-widget-filter-field_category_tid .form-type-bef-radio > input { opacity: 0; width: 0; position: absolute; }

.webform-client-form .form-type-checkbox > input + label, .webform-client-form .form-type-radio > input + label, .webform-client-form .form-type-bef-checkbox > input + label, .webform-client-form .form-type-bef-radio > input + label, .views-widget-filter-field_status_tid .form-type-checkbox > input + label, .views-widget-filter-field_status_tid .form-type-radio > input + label, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input + label, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label, .views-widget-filter-field_category_tid .form-type-checkbox > input + label, .views-widget-filter-field_category_tid .form-type-radio > input + label, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input + label, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label { display: block; cursor: pointer; margin-left: calc(20px + 7px); margin-bottom: 0; font-size: 13px; font-weight: 600; }

.webform-client-form .form-type-checkbox > input + label:before, .webform-client-form .form-type-checkbox > input + label:after, .webform-client-form .form-type-radio > input + label:before, .webform-client-form .form-type-radio > input + label:after, .webform-client-form .form-type-bef-checkbox > input + label:before, .webform-client-form .form-type-bef-checkbox > input + label:after, .webform-client-form .form-type-bef-radio > input + label:before, .webform-client-form .form-type-bef-radio > input + label:after, .views-widget-filter-field_status_tid .form-type-checkbox > input + label:before, .views-widget-filter-field_status_tid .form-type-checkbox > input + label:after, .views-widget-filter-field_status_tid .form-type-radio > input + label:before, .views-widget-filter-field_status_tid .form-type-radio > input + label:after, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input + label:before, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input + label:after, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label:before, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label:after, .views-widget-filter-field_category_tid .form-type-checkbox > input + label:before, .views-widget-filter-field_category_tid .form-type-checkbox > input + label:after, .views-widget-filter-field_category_tid .form-type-radio > input + label:before, .views-widget-filter-field_category_tid .form-type-radio > input + label:after, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input + label:before, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input + label:after, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label:before, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label:after { left: 0; top: -1px; }

.webform-client-form .form-type-checkbox > input + label:after, .webform-client-form .form-type-radio > input + label:after, .webform-client-form .form-type-bef-checkbox > input + label:after, .webform-client-form .form-type-bef-radio > input + label:after, .views-widget-filter-field_status_tid .form-type-checkbox > input + label:after, .views-widget-filter-field_status_tid .form-type-radio > input + label:after, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input + label:after, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label:after, .views-widget-filter-field_category_tid .form-type-checkbox > input + label:after, .views-widget-filter-field_category_tid .form-type-radio > input + label:after, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input + label:after, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label:after { content: ''; display: block; -webkit-appearance: none; width: 20px; height: 20px; background: #fff; border: solid 1px #d0cdcd; position: absolute; z-index: 1; }

.webform-client-form .form-type-checkbox > input + label:before, .webform-client-form .form-type-radio > input + label:before, .webform-client-form .form-type-bef-checkbox > input + label:before, .webform-client-form .form-type-bef-radio > input + label:before, .views-widget-filter-field_status_tid .form-type-checkbox > input + label:before, .views-widget-filter-field_status_tid .form-type-radio > input + label:before, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input + label:before, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label:before, .views-widget-filter-field_category_tid .form-type-checkbox > input + label:before, .views-widget-filter-field_category_tid .form-type-radio > input + label:before, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input + label:before, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label:before { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; transition: all 100ms linear; content: ''; opacity: 0; display: block; position: absolute; z-index: 2; background-position: 0 0; }

.webform-client-form .form-type-checkbox > input:focus + label:after, .webform-client-form .form-type-radio > input:focus + label:after, .webform-client-form .form-type-bef-checkbox > input:focus + label:after, .webform-client-form .form-type-bef-radio > input:focus + label:after, .views-widget-filter-field_status_tid .form-type-checkbox > input:focus + label:after, .views-widget-filter-field_status_tid .form-type-radio > input:focus + label:after, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input:focus + label:after, .views-widget-filter-field_status_tid .form-type-bef-radio > input:focus + label:after, .views-widget-filter-field_category_tid .form-type-checkbox > input:focus + label:after, .views-widget-filter-field_category_tid .form-type-radio > input:focus + label:after, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input:focus + label:after, .views-widget-filter-field_category_tid .form-type-bef-radio > input:focus + label:after { border-color: #8e8d8d; }

.page-content__main .webform-client-form .form-type-checkbox > input + label, .page-content__main .webform-client-form .form-type-radio > input + label, .page-content__main .webform-client-form .form-type-bef-checkbox > input + label, .page-content__main .webform-client-form .form-type-bef-radio > input + label, .page-content__main .views-widget-filter-field_status_tid .form-type-checkbox > input + label, .page-content__main .views-widget-filter-field_status_tid .form-type-radio > input + label, .page-content__main .views-widget-filter-field_status_tid .form-type-bef-checkbox > input + label, .page-content__main .views-widget-filter-field_status_tid .form-type-bef-radio > input + label, .page-content__main .views-widget-filter-field_category_tid .form-type-checkbox > input + label, .page-content__main .views-widget-filter-field_category_tid .form-type-radio > input + label, .page-content__main .views-widget-filter-field_category_tid .form-type-bef-checkbox > input + label, .page-content__main .views-widget-filter-field_category_tid .form-type-bef-radio > input + label { width: auto; padding-top: 0; }

.webform-client-form .form-type-checkbox > input:active, .webform-client-form .form-type-radio > input:active, .webform-client-form .form-type-bef-checkbox > input:active, .webform-client-form .form-type-bef-radio > input:active, .views-widget-filter-field_status_tid .form-type-checkbox > input:active, .views-widget-filter-field_status_tid .form-type-radio > input:active, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input:active, .views-widget-filter-field_status_tid .form-type-bef-radio > input:active, .views-widget-filter-field_category_tid .form-type-checkbox > input:active, .views-widget-filter-field_category_tid .form-type-radio > input:active, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input:active, .views-widget-filter-field_category_tid .form-type-bef-radio > input:active { background: rgba(255, 255, 255, 0.1); outline: none; }

.webform-client-form .form-type-checkbox > input:active:after, .webform-client-form .form-type-radio > input:active:after, .webform-client-form .form-type-bef-checkbox > input:active:after, .webform-client-form .form-type-bef-radio > input:active:after, .views-widget-filter-field_status_tid .form-type-checkbox > input:active:after, .views-widget-filter-field_status_tid .form-type-radio > input:active:after, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input:active:after, .views-widget-filter-field_status_tid .form-type-bef-radio > input:active:after, .views-widget-filter-field_category_tid .form-type-checkbox > input:active:after, .views-widget-filter-field_category_tid .form-type-radio > input:active:after, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input:active:after, .views-widget-filter-field_category_tid .form-type-bef-radio > input:active:after { opacity: .3; }

.webform-client-form .form-type-checkbox > input:focus, .webform-client-form .form-type-radio > input:focus, .webform-client-form .form-type-bef-checkbox > input:focus, .webform-client-form .form-type-bef-radio > input:focus, .views-widget-filter-field_status_tid .form-type-checkbox > input:focus, .views-widget-filter-field_status_tid .form-type-radio > input:focus, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input:focus, .views-widget-filter-field_status_tid .form-type-bef-radio > input:focus, .views-widget-filter-field_category_tid .form-type-checkbox > input:focus, .views-widget-filter-field_category_tid .form-type-radio > input:focus, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input:focus, .views-widget-filter-field_category_tid .form-type-bef-radio > input:focus { outline: none; }

.webform-client-form .form-type-checkbox > input:checked + label:before, .webform-client-form .form-type-radio > input:checked + label:before, .webform-client-form .form-type-bef-checkbox > input:checked + label:before, .webform-client-form .form-type-bef-radio > input:checked + label:before, .views-widget-filter-field_status_tid .form-type-checkbox > input:checked + label:before, .views-widget-filter-field_status_tid .form-type-radio > input:checked + label:before, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input:checked + label:before, .views-widget-filter-field_status_tid .form-type-bef-radio > input:checked + label:before, .views-widget-filter-field_category_tid .form-type-checkbox > input:checked + label:before, .views-widget-filter-field_category_tid .form-type-radio > input:checked + label:before, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input:checked + label:before, .views-widget-filter-field_category_tid .form-type-bef-radio > input:checked + label:before { opacity: 1; }

.webform-client-form .form-type-checkbox > input:checked + label:active:before, .webform-client-form .form-type-radio > input:checked + label:active:before, .webform-client-form .form-type-bef-checkbox > input:checked + label:active:before, .webform-client-form .form-type-bef-radio > input:checked + label:active:before, .views-widget-filter-field_status_tid .form-type-checkbox > input:checked + label:active:before, .views-widget-filter-field_status_tid .form-type-radio > input:checked + label:active:before, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input:checked + label:active:before, .views-widget-filter-field_status_tid .form-type-bef-radio > input:checked + label:active:before, .views-widget-filter-field_category_tid .form-type-checkbox > input:checked + label:active:before, .views-widget-filter-field_category_tid .form-type-radio > input:checked + label:active:before, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input:checked + label:active:before, .views-widget-filter-field_category_tid .form-type-bef-radio > input:checked + label:active:before { opacity: .3; }

.webform-client-form .form-type-radio > input + label:before, .webform-client-form .form-type-radio > input + label:after, .webform-client-form .form-type-bef-radio > input + label:before, .webform-client-form .form-type-bef-radio > input + label:after, .views-widget-filter-field_status_tid .form-type-radio > input + label:before, .views-widget-filter-field_status_tid .form-type-radio > input + label:after, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label:before, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label:after, .views-widget-filter-field_category_tid .form-type-radio > input + label:before, .views-widget-filter-field_category_tid .form-type-radio > input + label:after, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label:before, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label:after { border-radius: 50%; top: 4px; }

.webform-client-form .form-type-radio > input + label:after, .webform-client-form .form-type-bef-radio > input + label:after, .views-widget-filter-field_status_tid .form-type-radio > input + label:after, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label:after, .views-widget-filter-field_category_tid .form-type-radio > input + label:after, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label:after { width: 20px; height: 20px; }

.webform-client-form .form-type-radio > input + label:before, .webform-client-form .form-type-bef-radio > input + label:before, .views-widget-filter-field_status_tid .form-type-radio > input + label:before, .views-widget-filter-field_status_tid .form-type-bef-radio > input + label:before, .views-widget-filter-field_category_tid .form-type-radio > input + label:before, .views-widget-filter-field_category_tid .form-type-bef-radio > input + label:before { width: 10px; height: 10px; margin: 5px 0 0 5px; background: #ff8942; }

.webform-client-form .form-type-radio > input:checked + label:before, .webform-client-form .form-type-bef-radio > input:checked + label:before, .views-widget-filter-field_status_tid .form-type-radio > input:checked + label:before, .views-widget-filter-field_status_tid .form-type-bef-radio > input:checked + label:before, .views-widget-filter-field_category_tid .form-type-radio > input:checked + label:before, .views-widget-filter-field_category_tid .form-type-bef-radio > input:checked + label:before { opacity: 1; }

.webform-client-form .form-type-radio > input:checked + label:active:before, .webform-client-form .form-type-bef-radio > input:checked + label:active:before, .views-widget-filter-field_status_tid .form-type-radio > input:checked + label:active:before, .views-widget-filter-field_status_tid .form-type-bef-radio > input:checked + label:active:before, .views-widget-filter-field_category_tid .form-type-radio > input:checked + label:active:before, .views-widget-filter-field_category_tid .form-type-bef-radio > input:checked + label:active:before { opacity: .3; }

.webform-client-form .form-type-checkbox > input + label:before, .webform-client-form .form-type-bef-checkbox > input + label:before, .views-widget-filter-field_status_tid .form-type-checkbox > input + label:before, .views-widget-filter-field_status_tid .form-type-bef-checkbox > input + label:before, .views-widget-filter-field_category_tid .form-type-checkbox > input + label:before, .views-widget-filter-field_category_tid .form-type-bef-checkbox > input + label:before { left: 2px; margin: 5px 0 0 2px; width: 12px; height: 12px; background: url("../images/check.svg") 0 0 no-repeat; }

.webform-client-form .form-radios, .webform-client-form .form-checkboxes { text-align: left; }

@media all and (min-width: 768px) { .webform-client-form .form-radios, .webform-client-form .form-checkboxes { text-align: center; } }

.webform-client-form .form-type-checkbox, .webform-client-form .form-type-radio { float: none; position: relative; margin-bottom: 15px; }

.webform-client-form .form-type-checkbox > input + label:before, .webform-client-form .form-type-checkbox > input + label:after, .webform-client-form .form-type-radio > input + label:before, .webform-client-form .form-type-radio > input + label:after { top: -1px; }

.views-widget-filter-field_category_tid { /*.form-type-bef-checkbox { display: block; float: left; margin: 0 5px 5px 0; &.form-item-edit-field-category-tid-12 { display: none; } label { @include transition(background-color 100ms linear); @include filterButton; padding: 0 15px 0 5px; } > input { display: none; &:checked + label { background-color: $color-grey3; &:before { opacity: 1; } &:active:before { opacity: .3; } } } }*/ }

.views-widget-filter-field_category_tid .toggle-all { float: left; margin: 0 5px 5px 0; display: block; font-size: 13px; font-weight: 600; cursor: pointer; padding: 0 15px; height: 30px; line-height: 30px; color: #fff; background-color: #8e8d8d; }

.views-widget-filter-field_category_tid .toggle-all:hover { background-color: #707070; }

.views-widget-filter-field_category_tid .toggle-all__active, .views-widget-filter-field_category_tid .toggle-all__active:hover { background-color: #384241; }

/** Popup */
.popup { position: fixed; height: 100%; width: 100%; max-width: 700px; max-height: 100%; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #ffdd02; color: #000; z-index: 1000; display: none; }

.popup.is-open { display: block; }

@media (min-width: 700px) { .popup { width: 100%; height: auto; } }

.popup__content { height: 100%; padding: 40px; overflow: auto; -webkit-overflow-scrolling: touch; }

@media (min-width: 700px) { .popup__content { height: auto; } }

.popup__header :last-child { margin-bottom: 0; }

.popup__header h3 { margin: 0; }

.popup__header p { margin: 0; line-height: 24px; }

.popup__close { width: 20px; height: 20px; position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 20; }

.popup__close .icon { width: 100%; height: 100%; fill: #000; }

.popup__body :last-child { margin-bottom: 0; }

.popup__body p { line-height: 28px; margin-top: 24px; margin-bottom: 24px; }

.popup__body a { color: #384241; }

.popup__body a:hover { color: #fff; }

.popup__social a { display: inline-block; width: 24px; height: 24px; margin-right: 10px; margin-top: 24px; }

.popup__social a:hover { color: #fff; }

.popup__social a .icon { width: 100%; height: 100%; }

.gallery__large { display: block; overflow: hidden; }

.gallery__large:hover img { transform: scale(1.1); }

.gallery__thumbs { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; align-items: stretch; align-content: flex-start; }

.gallery__figure { display: block; position: relative; margin: 5px 5px 0 0; flex: 1; overflow: hidden; display: none; }

.gallery__figure:first-child { display: inline-block; width: 100%; margin: 0; flex: 1 1 100%; line-height: 0; }

.gallery__figure:last-child { margin-right: 0; }

.gallery__figure:nth-child(-n+5) { display: block; }

.gallery__figure:nth-child(3) { display: none; }

.gallery__figure:nth-child(4) { display: none; }

@media (min-width: 600px) { .gallery__figure:nth-child(3) { display: block; }
  .gallery__figure:nth-child(4) { margin-right: 0; } }

@media (min-width: 800px) { .gallery__figure:nth-child(4) { display: block; margin-right: 5px; }
  .gallery__figure:nth-child(5) { margin-right: 0; } }

.gallery__thumb { display: block; }

.gallery__thumb:hover img { transform: scale(1.1); }

.gallery__thumb:hover .gallery__text { background: rgba(51, 188, 173, 0); }

.gallery__icon .icon { width: 38px; height: 38px; transform: rotate(45deg); }

@media (min-width: 600px) { .gallery__icon .icon { width: 44px; height: 44px; } }

.gallery__text { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; background: rgba(51, 188, 173, 0.7); transition: background .4s ease; }

.gallery__text span { font-size: 16px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; }

@media (min-width: 600px) { .gallery__text span { font-size: 18px; } }

@media (min-width: 900px) { .gallery__text span { font-size: 20px; } }

.gallery__img { transition: transform .4s ease; backface-visibility: hidden; }

img.pswp__img { max-width: none; display: inherit; }

/** Backgrounds */
.background--primary { background-color: #33bcad; }

.background--secondary { background-color: #ffdd02; }

.background--tertiary { background-color: #ff8942; }

.background--white { background-color: #fff; }

.background--grey-7 { background-color: #d9d8d8; }

.background--grey-8 { background-color: #f6f6f6; }

.background--cover { background-size: cover; background-position: center center; background-repeat: no-repeat; }

/** Copy styles */
.copy--large { font-size: 1rem; line-height: 1.625rem; }

@media (min-width: 350px) { .copy--large { font-size: 1.125rem; line-height: 1.625rem; } }

@media (min-width: 1200px) { .copy--large { font-size: 1.25rem; line-height: 1.875rem; } }

/** Icons */
.icon { fill: currentColor; }

.icon--arrow { width: 18px; height: 32px; position: relative; top: -2px; }

.icon--arrow-up { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.icon--arrow-down { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.icon--arrow-left { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.icon--about { width: 43px; height: 32px; }

.icon--acdc { width: 24px; height: 32px; }

.icon--building-bridges { width: 41px; height: 32px; }

.icon--buildings { width: 29px; height: 32px; }

.icon--calendar { width: 36px; height: 32px; }

.icon--car { width: 38px; height: 32px; }

.icon--checkmark { width: 29px; height: 32px; }

.icon--clock { width: 32px; height: 32px; }

.icon--project { width: 32px; height: 23px; }

.icon--cross { opacity: 0; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -12px; }

.icon--cross__bar { -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; transition: background-color 100ms linear; display: block; background-color: #fff; width: 32px; height: 4px; }

.icon--cross__bar:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.icon--cross__bar:nth-child(2) { margin: 4px 0 0; -webkit-transform: rotate(-45deg) translate3d(6px, -6px, 0); -moz-transform: rotate(-45deg) translate3d(6px, -6px, 0); -ms-transform: rotate(-45deg) translate3d(6px, -6px, 0); -o-transform: rotate(-45deg) translate3d(6px, -6px, 0); transform: rotate(-45deg) translate3d(6px, -6px, 0); }

.icon--data-control { width: 42px; height: 32px; }

.icon--email { width: 42px; height: 32px; }

.icon--events { width: 31px; height: 32px; }

.icon--facebook { width: 15px; height: 32px; }

.icon--get-involved { width: 32px; height: 32px; }

.icon--home { width: 36px; height: 32px; }

.icon--innovation-program { width: 23px; height: 32px; }

.icon--linkedin { width: 35px; height: 32px; }

.icon--location { width: 22px; height: 32px; }

.icon--nav, .icon--plus { width: 34px; height: 21px; color: #fff; }

.icon--news { width: 18px; height: 32px; }

.icon--outsmart { width: 27px; height: 32px; }

.icon--participate { width: 33px; height: 32px; }

.icon--partners { width: 36px; height: 32px; }

.icon--phone { width: 25px; height: 32px; }

.icon--search { height: 32px; width: 32px; }

.nav-bar .icon--search { height: 15px; width: 15px; }

.icon--site-logo { width: 142px; height: 52px; }

.icon--twitter { width: 37px; height: 32px; }

.icon--utilities { width: 31px; height: 32px; }

.icon--youtube { width: 32px; height: 32px; }

.icon--water { width: 24px; height: 32px; }

/** Headings */
h1, h2, h3 { font-weight: 700; margin: 0; }

h1 { font-weight: 800; font-size: 1.875rem; line-height: 2.5rem; margin-bottom: 1.5rem; }

@media (min-width: 1200px) { h1 { font-size: 2.5rem; line-height: 3.125rem; } }

h2 { font-size: 1.375rem; line-height: 1.625rem; margin-top: 2.5rem; }

@media (min-width: 1200px) { h2 { font-size: 1.625rem; line-height: 1.875rem; margin-top: 3.75rem; } }

h3 { font-size: 1rem; line-height: 1.25rem; margin-top: 2.5rem; }

@media (min-width: 1200px) { h3 { font-size: 1.125rem; line-height: 1.5rem; margin-top: 3.125rem; } }

time { display: block; font-size: 1.125rem; font-weight: 600; color: #acacac; margin-top: 20px; }

.h2-home { text-transform: uppercase; margin-bottom: 0; }

.h2-home strong { font-size: 115%; }

@media (min-width: 768px) { .h2-home { margin-bottom: 2px; } }

@media (min-width: 1024px) { .h2-home { margin-bottom: 10px; } }

/** Paragraphs */
p { line-height: 1.75em; margin-top: 1.25rem; margin-bottom: 1.25rem; }

@media (min-width: 1200px) { p { line-height: 2em; margin-top: 1.875rem; margin-bottom: 1.875rem; } }

.intro { margin-top: 1.25rem; margin-bottom: 1.25rem; }

@media (min-width: 1200px) { .intro { margin-top: 1.875rem; margin-bottom: 1.25rem; } }

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

.text-normal { font-weight: normal; }

.text-fat { font-weight: 800; }

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

.node-type-project .page-content .field-body, .node-type-event .page-content .field-body, .node-type-news .page-content .field-body, .node-type-program .page-content .field-body { line-height: 1.75em; }

@media all and (min-width: 1200px) { .node-type-project .page-content .field-body, .node-type-event .page-content .field-body, .node-type-news .page-content .field-body, .node-type-program .page-content .field-body { line-height: 2em; } }

.node-type-project .page-content .field-body > p:first-of-type, .node-type-event .page-content .field-body > p:first-of-type, .node-type-news .page-content .field-body > p:first-of-type, .node-type-program .page-content .field-body > p:first-of-type { margin-top: 2.5rem; }

.node-type-project .page-content .field-body > p:first-of-type:first-letter, .node-type-event .page-content .field-body > p:first-of-type:first-letter, .node-type-news .page-content .field-body > p:first-of-type:first-letter, .node-type-program .page-content .field-body > p:first-of-type:first-letter { display: block; float: left; color: #ff8942; font-size: 54px; font-style: normal; margin: 0 10px -10px -3px; font-weight: 700; line-height: 1; text-transform: uppercase; vertical-align: top; }

@-moz-document url-prefix() { .node-type-project .page-content .field-body > p:first-of-type:first-letter, .node-type-event .page-content .field-body > p:first-of-type:first-letter, .node-type-news .page-content .field-body > p:first-of-type:first-letter, .node-type-program .page-content .field-body > p:first-of-type:first-letter { margin: 0 0 0 -4px; padding: 11px 10px 0 0; } }

@media (min-width: 768px) { .node-type-project .page-content .field-body > p:first-of-type:first-letter, .node-type-event .page-content .field-body > p:first-of-type:first-letter, .node-type-news .page-content .field-body > p:first-of-type:first-letter, .node-type-program .page-content .field-body > p:first-of-type:first-letter { font-size: 91px; margin: -5px 13px -2px -7px; }
  @-moz-document url-prefix() { .node-type-project .page-content .field-body > p:first-of-type:first-letter, .node-type-event .page-content .field-body > p:first-of-type:first-letter, .node-type-news .page-content .field-body > p:first-of-type:first-letter, .node-type-program .page-content .field-body > p:first-of-type:first-letter { margin: 0 0 0 -8px; padding: 11px 12px 0 0; } } }

@media (min-width: 1200px) { .node-type-project .page-content .field-body > p:first-of-type:first-letter, .node-type-event .page-content .field-body > p:first-of-type:first-letter, .node-type-news .page-content .field-body > p:first-of-type:first-letter, .node-type-program .page-content .field-body > p:first-of-type:first-letter { font-size: 103px; margin: -5px 15px -10px -8px; }
  @-moz-document url-prefix() { .node-type-project .page-content .field-body > p:first-of-type:first-letter, .node-type-event .page-content .field-body > p:first-of-type:first-letter, .node-type-news .page-content .field-body > p:first-of-type:first-letter, .node-type-program .page-content .field-body > p:first-of-type:first-letter { margin: 0 0 -4px -9px; padding: 11px 12px 10px 0; } } }

.node-type-project .page-content .field-body > :last-child, .node-type-event .page-content .field-body > :last-child, .node-type-news .page-content .field-body > :last-child, .node-type-program .page-content .field-body > :last-child { margin-bottom: 0; }

.node-type-project .page-content .field-body img[style*="float"][style*="left"], .node-type-project .page-content .field-body img[style*="float"][style*="right"], .node-type-event .page-content .field-body img[style*="float"][style*="left"], .node-type-event .page-content .field-body img[style*="float"][style*="right"], .node-type-news .page-content .field-body img[style*="float"][style*="left"], .node-type-news .page-content .field-body img[style*="float"][style*="right"], .node-type-program .page-content .field-body img[style*="float"][style*="left"], .node-type-program .page-content .field-body img[style*="float"][style*="right"] { float: none !important; max-width: 200px; margin: 0 auto 30px; }

@media all and (min-width: 420px) { .node-type-project .page-content .field-body img[style*="float"][style*="left"], .node-type-project .page-content .field-body img[style*="float"][style*="right"], .node-type-event .page-content .field-body img[style*="float"][style*="left"], .node-type-event .page-content .field-body img[style*="float"][style*="right"], .node-type-news .page-content .field-body img[style*="float"][style*="left"], .node-type-news .page-content .field-body img[style*="float"][style*="right"], .node-type-program .page-content .field-body img[style*="float"][style*="left"], .node-type-program .page-content .field-body img[style*="float"][style*="right"] { max-width: 50% !important; } }

@media all and (min-width: 750px) { .node-type-project .page-content .field-body img[style*="float"][style*="left"], .node-type-project .page-content .field-body img[style*="float"][style*="right"], .node-type-event .page-content .field-body img[style*="float"][style*="left"], .node-type-event .page-content .field-body img[style*="float"][style*="right"], .node-type-news .page-content .field-body img[style*="float"][style*="left"], .node-type-news .page-content .field-body img[style*="float"][style*="right"], .node-type-program .page-content .field-body img[style*="float"][style*="left"], .node-type-program .page-content .field-body img[style*="float"][style*="right"] { max-width: 33.3333% !important; } }

@media all and (min-width: 1200px) { .node-type-project .page-content .field-body img[style*="float"][style*="left"], .node-type-project .page-content .field-body img[style*="float"][style*="right"], .node-type-event .page-content .field-body img[style*="float"][style*="left"], .node-type-event .page-content .field-body img[style*="float"][style*="right"], .node-type-news .page-content .field-body img[style*="float"][style*="left"], .node-type-news .page-content .field-body img[style*="float"][style*="right"], .node-type-program .page-content .field-body img[style*="float"][style*="left"], .node-type-program .page-content .field-body img[style*="float"][style*="right"] { max-width: 25% !important; } }

@media all and (min-width: 420px) { .node-type-project .page-content .field-body img[style*="float"][style*="left"], .node-type-event .page-content .field-body img[style*="float"][style*="left"], .node-type-news .page-content .field-body img[style*="float"][style*="left"], .node-type-program .page-content .field-body img[style*="float"][style*="left"] { float: left !important; margin-right: 15px; } }

@media all and (min-width: 750px) { .node-type-project .page-content .field-body img[style*="float"][style*="left"], .node-type-event .page-content .field-body img[style*="float"][style*="left"], .node-type-news .page-content .field-body img[style*="float"][style*="left"], .node-type-program .page-content .field-body img[style*="float"][style*="left"] { margin-right: 30px; } }

@media all and (min-width: 420px) { .node-type-project .page-content .field-body img[style*="float"][style*="right"], .node-type-event .page-content .field-body img[style*="float"][style*="right"], .node-type-news .page-content .field-body img[style*="float"][style*="right"], .node-type-program .page-content .field-body img[style*="float"][style*="right"] { float: right !important; margin-left: 15px; } }

@media all and (min-width: 750px) { .node-type-project .page-content .field-body img[style*="float"][style*="right"], .node-type-event .page-content .field-body img[style*="float"][style*="right"], .node-type-news .page-content .field-body img[style*="float"][style*="right"], .node-type-program .page-content .field-body img[style*="float"][style*="right"] { margin-left: 30px; } }

.node-type-project .page-content .field-body h2, .node-type-event .page-content .field-body h2, .node-type-news .page-content .field-body h2, .node-type-program .page-content .field-body h2 { margin-top: 1.875rem; }

@media (min-width: 1200px) { .node-type-project .page-content .field-body h2, .node-type-event .page-content .field-body h2, .node-type-news .page-content .field-body h2, .node-type-program .page-content .field-body h2 { margin-top: 2.5rem; } }

.node-type-project .page-content .field-body h2 + *, .node-type-event .page-content .field-body h2 + *, .node-type-news .page-content .field-body h2 + *, .node-type-program .page-content .field-body h2 + * { margin-top: 0.3125rem; }

@media (min-width: 1200px) { .node-type-project .page-content .field-body h2 + *, .node-type-event .page-content .field-body h2 + *, .node-type-news .page-content .field-body h2 + *, .node-type-program .page-content .field-body h2 + * { margin-top: 0.9375rem; } }

.node-type-project .page-content .field-body h3, .node-type-event .page-content .field-body h3, .node-type-news .page-content .field-body h3, .node-type-program .page-content .field-body h3 { margin-top: 1.25rem; }

@media (min-width: 1200px) { .node-type-project .page-content .field-body h3, .node-type-event .page-content .field-body h3, .node-type-news .page-content .field-body h3, .node-type-program .page-content .field-body h3 { margin-top: 1.875rem; } }

.node-type-project .page-content .field-body h3 + *, .node-type-event .page-content .field-body h3 + *, .node-type-news .page-content .field-body h3 + *, .node-type-program .page-content .field-body h3 + * { margin-top: 2px; }

@media (min-width: 1200px) { .node-type-project .page-content .field-body h3 + *, .node-type-event .page-content .field-body h3 + *, .node-type-news .page-content .field-body h3 + *, .node-type-program .page-content .field-body h3 + * { margin-top: 8px; } }

/** Text colors */
.color--white { color: #fff; }

.color--white * { color: inherit; }

.color--primary { color: #ff8942; }

.color--primary * { color: inherit; }

/** Images */
img { max-width: 100%; height: auto; width: auto; display: block; }

img.media-element { margin-bottom: 1.25rem; }

@media (min-width: 600px) { img.media-element { margin-bottom: 1.875rem; } }

/** Lists */
.field-body ul, .field-body ol { line-height: 1.5rem; margin-top: 0; margin-bottom: 1.625rem; padding-left: 0; list-style: none; }

.field-body ul li, .field-body ol li { margin-top: 4px; margin-bottom: 4px; position: relative; padding-left: 34px; }

h3 + .field-body ul, h3 + .field-body ol { margin-top: 11px; }

.field-body ul li:before { content: ''; display: block; position: absolute; width: 8px; height: 8px; background-color: #33bcad; border-radius: 50%; left: 2px; top: 10px; }

.field-body ol { counter-reset: listitem; }

.field-body ol li:before { counter-increment: listitem; content: counter(listitem) "."; position: absolute; left: 0; top: 0; color: #33bcad; font-weight: 700; }

.list__icon { display: block; position: absolute; }

.list--zebra { margin-top: 1.0625rem; margin-bottom: 2.125rem; color: #404040; }

.list--zebra li { margin-top: 0; margin-bottom: 0; border-top: 1px solid #8e8d8d; padding-top: 16px; padding-bottom: 17px; padding-right: 20px; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; transition: background-color 100ms linear; }

.list--zebra li:last-child { border-bottom: 1px solid #8e8d8d; }

.list--zebra li:nth-child(odd) { background-color: #384241; }

.list--zebra li:hover { background-color: #313a39; }

.list--links a { display: block; padding-left: 56px; padding-top: 13px; padding-bottom: 14px; padding-right: 20px; }

@media (min-width: 1200px) { .list--links a { padding-top: 16px; padding-bottom: 17px; padding-left: 60px; } }

.list--links li { padding: 0; }

.list--links li:before { content: none; }

.list--links__icon { width: 25px; height: 25px; background-color: #33bcad; border-radius: 0; left: 16px; top: 14px; }

.list--links__icon svg { fill: #ffffff; width: 7px; height: 11px; position: absolute; left: 9px; top: 7px; }

@media (min-width: 1200px) { .list--links__icon { left: 20px; top: 17px; } }

.list--downloads__icon { left: 21px; top: 17px; }

@media (min-width: 1200px) { .list--downloads__icon { left: 25px; top: 20px; } }

.list--expand li .icon--arrow--up { display: none; }

.list--expand li.is-expanded { color: #33bcad; }

.list--expand li.is-expanded:hover { background-color: #fff; }

.list--expand li.is-expanded:hover:nth-child(odd) { background-color: #384241; }

.list--expand li.is-expanded .icon--arrow--up { display: block; }

.list--expand li.is-expanded .icon--arrow--down { display: none; }

.list--expand a { padding-left: 16px; padding-right: 60px; text-decoration: none; text-transform: uppercase; font-weight: bold; }

@media (min-width: 1200px) { .list--expand a { padding-left: 20px; } }

.list--expand .icon--arrow { width: 16px; height: 11px; fill: #33bcad; position: absolute; right: 26px; top: 23px; }

@media (min-width: 1200px) { .list--expand .icon--arrow { right: 33px; top: 26px; } }

.list--expand__content { font-size: 0.8125rem; line-height: 1.375rem; color: #1d1b1b; padding-left: 16px; padding-right: 20px; padding-top: 9px; padding-bottom: 28px; margin: 0; display: none; }

.is-expanded .list--expand__content { display: block; }

@media (min-width: 1200px) { .list--expand__content { padding-left: 20px; } }

/** Links */
a { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; transition: all 100ms linear; color: inherit; outline: 0; }

p a { color: #33bcad; }

p a:hover { color: #ff8942; }

/** hr */
hr { border: none; margin: 0; border-top: 1px solid rgba(217, 216, 216, 0.4); }

/** Clearfix */
.clearfix:before, .grid:before, .section:before, .keyvisual:before, .node-type-project .page-content .field-body:before, .node-type-event .page-content .field-body:before, .node-type-news .page-content .field-body:before, .node-type-program .page-content .field-body:before, .clearfix:after, .grid:after, .section:after, .keyvisual:after, .node-type-project .page-content .field-body:after, .node-type-event .page-content .field-body:after, .node-type-news .page-content .field-body:after, .node-type-program .page-content .field-body:after { content: " "; display: table; }

.clearfix:after, .grid:after, .section:after, .keyvisual:after, .node-type-project .page-content .field-body:after, .node-type-event .page-content .field-body:after, .node-type-news .page-content .field-body:after, .node-type-program .page-content .field-body:after { clear: both; }

.pad-v-small { padding: 30px 0; }

.pad-v-small h2 { margin-top: 0; }

@media (min-width: 768px) { .pad-v-small { padding: 40px 0; } }

.pad-v-medium { padding: 30px 0; }

.pad-v-medium h2 { margin-top: 0; }

@media (min-width: 768px) { .pad-v-medium { padding: 50px 0; } }

@media (min-width: 1024px) { .pad-v-medium { padding: 70px 0; } }

.pad-top-medium { padding-top: 30px; }

@media (min-width: 768px) { .pad-top-medium { padding-top: 50px; } }

@media (min-width: 1024px) { .pad-top-medium { padding-top: 70px; } }

.pad-v-large { padding: 30px 0; }

.pad-v-large h2 { margin-top: 0; }

@media (min-width: 768px) { .pad-v-large { padding: 60px 0; } }

@media (min-width: 1024px) { .pad-v-large { padding: 100px 0; } }

.mar-t-none { margin-top: 0; }

.mar-t-small { margin-top: 15px; }

@media (min-width: 768px) { .mar-t-small { margin-top: 20px; } }

@media (min-width: 1024px) { .mar-t-small { margin-top: 25px; } }

.mar-t-large { margin-top: 30px; }

@media (min-width: 768px) { .mar-t-large { margin-top: 40px; } }

@media (min-width: 1024px) { .mar-t-large { margin-top: 50px; } }

.mar-t-xlarge { margin-top: 30px; }

@media (min-width: 768px) { .mar-t-xlarge { margin-top: 50px; } }

@media (min-width: 1024px) { .mar-t-xlarge { margin-top: 70px; } }

.mar-v-large { margin-top: 30px; margin-bottom: 30px; }

@media (min-width: 768px) { .mar-v-large { margin-top: 40px; margin-bottom: 40px; } }

@media (min-width: 1024px) { .mar-v-large { margin-top: 50px; margin-bottom: 50px; } }

.mar-b-small { margin-bottom: 15px; }

@media (min-width: 768px) { .mar-b-small { margin-bottom: 20px; } }

@media (min-width: 1024px) { .mar-b-small { margin-bottom: 25px; } }

.mar-b-large { margin-bottom: 30px; }

@media (min-width: 768px) { .mar-b-large { margin-bottom: 40px; } }

@media (min-width: 1024px) { .mar-b-large { margin-bottom: 50px; } }

.mar-b-none { margin-bottom: 0; }

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