@charset "UTF-8";
/*!
Theme Name: Institut français Espagne 2019
Theme URI: https://www.institutfrancais.es
Author: Remi Duval
Author URI: http://remiduval.com/
Description: Institut français Espagne 2019 theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

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

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

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

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

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

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

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

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

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

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

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          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;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

:root {
  --tone-900:	#002a3d;
  --tone-800:	#003b56;
  --tone-700:	#004f74;
  --tone-600:	#00608d;
  --tone-500:	#0071a6;
  --tone-400:	#008ac9;
  --tone-300:	#009ce7;
  --tone-200:	#0bafff;
  --tone-100:	#42c5ff;
  --tone-075:	#79d7ff;
  --tone-050:	#b0e8ff;
  --tone-025:	#e2f6ff;
}

@font-face {
  font-family: "Proto Grotesk";
  font-display: swap;
  src: url("fonts/ProtoGrotesk-Bold.woff2") format("woff2"), url("fonts/ProtoGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

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

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: #202020;
  background-color: #F0F0F0;
  --tone:	#008AC9;
  --tone-light:	#91DDFF;
  --tone-dark:	#00608C;
  --filter: invert(43%) sepia(99%) saturate(2379%) hue-rotate(171deg) brightness(87%) contrast(101%);
  --filter-light: invert(79%) sepia(23%) saturate(1146%) hue-rotate(173deg) brightness(104%) contrast(101%);
  --filter-dark: invert(20%) sepia(74%) saturate(2347%) hue-rotate(179deg) brightness(96%) contrast(101%);
}
body.parent-pageid-285 {
  background-color: white;
}

strong {
  font-weight: 500;
}

a {
  color: inherit;
  text-decoration: none;
}

.block--paragraph a,
.block--heading a,
.block--accordion a,
.block--quote a,
.block--course a,
.block--intro a,
.block--list a,
.block--table a {
  border-bottom: 1px solid #BFBFBF;
  -webkit-transition-duration: 0.25s;
       -o-transition-duration: 0.25s;
          transition-duration: 0.25s;
}
.block--paragraph a:hover,
.block--heading a:hover,
.block--accordion a:hover,
.block--quote a:hover,
.block--course a:hover,
.block--intro a:hover,
.block--list a:hover,
.block--table a:hover {
  border-bottom-color: var(--tone);
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

h1, h2, h3, h4 {
  font-family: "Proto Grotesk", sans-serif;
  font-weight: bold;
}

h1 {
  line-height: 1.2;
}
h1 {
  font-size: 30px;
}
@media screen and (min-width: 360px) {
  h1 {
    font-size: calc(30px + 4 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  h1 {
    font-size: 34px;
  }
}

h2 {
  line-height: 1.3;
}
h2 {
  font-size: 28px;
}
@media screen and (min-width: 360px) {
  h2 {
    font-size: calc(28px + 2 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  h2 {
    font-size: 30px;
  }
}

h3 {
  line-height: 1.4;
}
h3 {
  font-size: 24px;
}
@media screen and (min-width: 360px) {
  h3 {
    font-size: calc(24px + 2 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  h3 {
    font-size: 26px;
  }
}

h4, h5, h6 {
  line-height: 1.5;
}
h4, h5, h6 {
  font-size: 22px;
}
@media screen and (min-width: 360px) {
  h4, h5, h6 {
    font-size: calc(22px + -2 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  h4, h5, h6 {
    font-size: 20px;
  }
}

h1:first-child,
h2:first-child,
p:first-child,
h1 + h2 {
  margin-top: 0;
}

h1:last-child,
h2:last-child,
p:last-child {
  margin-bottom: 0;
}

[x-cloak] {
  display: none !important;
}

.category_event-presentaciones-literarias,
.category_event-presentacions-literaries {
  --tone: #9460A3;
  --tone-light: #aa80b6;
  --tone-dark: #52355a;
  --filter: invert(43%) sepia(23%) saturate(914%) hue-rotate(241deg) brightness(97%) contrast(92%);
  --filter-light: invert(56%) sepia(23%) saturate(550%) hue-rotate(241deg) brightness(94%) contrast(93%);
  --filter-dark: invert(20%) sepia(6%) saturate(4384%) hue-rotate(242deg) brightness(97%) contrast(84%);
}

.category_event-tallers,
.category_event-talleres {
  --tone: #4BAF4F;
  --tone-light: #6dc070;
  --tone-dark: #2d6b2f;
  --filter: invert(67%) sepia(31%) saturate(6782%) hue-rotate(80deg) brightness(109%) contrast(49%);
  --filter-light: invert(76%) sepia(12%) saturate(1435%) hue-rotate(72deg) brightness(88%) contrast(88%);
  --filter-dark: invert(33%) sepia(10%) saturate(3588%) hue-rotate(72deg) brightness(89%) contrast(76%);
}

.category_event-exposicions,
.category_event-exposiciones {
  --tone: #EE672A;
  --tone-light: #F3976D;
  --tone-dark: #8E340B;
  --filter: invert(71%) sepia(69%) saturate(6194%) hue-rotate(346deg) brightness(99%) contrast(89%);
  --filter-light: invert(78%) sepia(28%) saturate(3902%) hue-rotate(317deg) brightness(109%) contrast(91%);
  --filter-dark: invert(21%) sepia(64%) saturate(1938%) hue-rotate(357deg) brightness(93%) contrast(94%);
}

.category_event-activitats-infantils,
.category_event-actividades-infantiles {
  --tone: #9460A3;
  --tone-light: #aa80b6;
  --tone-dark: #52355a;
  --filter: invert(43%) sepia(23%) saturate(914%) hue-rotate(241deg) brightness(97%) contrast(92%);
  --filter-light: invert(56%) sepia(23%) saturate(550%) hue-rotate(241deg) brightness(94%) contrast(93%);
  --filter-dark: invert(20%) sepia(6%) saturate(4384%) hue-rotate(242deg) brightness(97%) contrast(84%);
}

.category_event-arts-esceniques,
.category_event-artes-escenicas {
  --tone: #EF6C83;
  --tone-light: #f49aaa;
  --tone-dark: #b6263f;
  --filter: invert(57%) sepia(51%) saturate(1709%) hue-rotate(309deg) brightness(99%) contrast(89%);
  --filter-light: invert(68%) sepia(21%) saturate(753%) hue-rotate(301deg) brightness(99%) contrast(93%);
  --filter-dark: invert(26%) sepia(62%) saturate(3629%) hue-rotate(334deg) brightness(73%) contrast(92%);
}

.category_event-trobades-conferencies,
.category_event-encuentros-conferencias {
  --tone: #00BBED;
  --tone-light: #21d0ff;
  --tone-dark: #007290;
  --filter: invert(56%) sepia(46%) saturate(2408%) hue-rotate(153deg) brightness(97%) contrast(101%);
  --filter-light: invert(64%) sepia(88%) saturate(1277%) hue-rotate(157deg) brightness(100%) contrast(103%);
  --filter-dark: invert(31%) sepia(99%) saturate(638%) hue-rotate(152deg) brightness(91%) contrast(101%);
}

.category_event-musica-ca,
.category_event-musica {
  --tone: #E74748;
  --tone-light: #ed7475;
  --tone-dark: #a71516;
  --filter: invert(35%) sepia(97%) saturate(3611%) hue-rotate(340deg) brightness(103%) contrast(81%);
  --filter-light: invert(58%) sepia(65%) saturate(595%) hue-rotate(310deg) brightness(95%) contrast(95%);
  --filter-dark: invert(13%) sepia(66%) saturate(6117%) hue-rotate(352deg) brightness(76%) contrast(94%);
}

.category_event-cinema,
.category_event-cine {
  --tone: #AC793D;
  --tone-light: #C49359;
  --tone-dark: #573D1F;
  --filter: invert(46%) sepia(73%) saturate(379%) hue-rotate(352deg) brightness(93%) contrast(84%);
  --filter-light: invert(71%) sepia(40%) saturate(507%) hue-rotate(351deg) brightness(80%) contrast(89%);
  --filter-dark: invert(22%) sepia(16%) saturate(1865%) hue-rotate(352deg) brightness(92%) contrast(84%);
}

.category_event-tife,
.category_event-ef {
  --tone: #344893;
  --tone-light: #415ab9;
  --tone-dark: #27366d;
}

.category_job-ocupacio,
.category_job-empleo {
  --tone: #4BAF4F;
  --tone-light: #6dc070;
  --tone-dark: #2d6b2f;
}

.category_job-practiques,
.category_job-practica {
  --tone: #EE672A;
  --tone-light: #F3976D;
  --tone-dark: #8E340B;
}

.category_article-cultura-francofona {
  --tone: #EE672A;
  --tone-light: #F3976D;
  --tone-dark: #8E340B;
}

.category_article-cursos {
  --tone: #AC793D;
  --tone-light: #C49359;
  --tone-dark: #573D1F;
}

.category_article-encuentros {
  --tone: #00BBED;
  --tone-light: #21d0ff;
  --tone-dark: #007290;
}

.category_article-examenes {
  --tone: #E74748;
  --tone-light: #ed7475;
  --tone-dark: #a71516;
}

.category_article-mundo-laboral {
  --tone: #4BAF4F;
  --tone-light: #6dc070;
  --tone-dark: #2d6b2f;
}

.category_article-trucos-y-consejos {
  --tone: #9460A3;
  --tone-light: #aa80b6;
  --tone-dark: #52355a;
}

.category-educacion,
.category-aprendre-frances,
.category-aprender-frances {
  --tone: #AC793D;
  --tone-light: #C49359;
  --tone-dark: #573D1F;
}

.category-prensa,
.category-linstitut,
.category-el-institut {
  --tone: #00BBED;
  --tone-light: #21d0ff;
  --tone-dark: #007290;
}

.category-cultura,
.category-esdeveniments,
.category-eventos {
  --tone: #EE672A;
  --tone-light: #F3976D;
  --tone-dark: #8E340B;
}

.category-la-fonoteca-francesa,
.category-mediatheque,
.category-mediateca {
  --tone: #E74748;
  --tone-light: #ed7475;
  --tone-dark: #a71516;
}

.category-ciencias,
.category-programes-i-ajudes,
.category-programas-y-ayudas {
  --tone: #4BAF4F;
  --tone-light: #6dc070;
  --tone-dark: #2d6b2f;
}

.slice--tone-black {
  --tone: #404040;
  --tone-light: #606060;
  --tone-dark: #202020;
  --filter: invert(23%) sepia(0%) saturate(0%) hue-rotate(68deg) brightness(93%) contrast(87%);
  --filter-light: invert(39%) sepia(8%) saturate(0%) hue-rotate(159deg) brightness(89%) contrast(87%);
  --filter-dark: invert(12%) sepia(0%) saturate(0%) hue-rotate(68deg) brightness(97%) contrast(97%);
}

.slice--tone-red {
  --tone: #C7051C;
  --tone-light: #F9263F;
  --tone-dark: #900415;
  --filter: invert(19%) sepia(85%) saturate(4697%) hue-rotate(344deg) brightness(75%) contrast(112%);
  --filter-light: invert(27%) sepia(93%) saturate(3078%) hue-rotate(337deg) brightness(95%) contrast(105%);
  --filter-dark: invert(7%) sepia(96%) saturate(6496%) hue-rotate(349deg) brightness(78%) contrast(99%);
}

.slice--tone-blue {
  --tone: #0028CE;
  --tone-light: #1F4AFF;
  --tone-dark: #001A85;
  --filter: invert(14%) sepia(61%) saturate(6628%) hue-rotate(231deg) brightness(82%) contrast(117%);
  --filter-light: invert(16%) sepia(100%) saturate(3160%) hue-rotate(231deg) brightness(111%) contrast(103%);
  --filter-dark: invert(12%) sepia(73%) saturate(4593%) hue-rotate(229deg) brightness(76%) contrast(114%);
}

.slice--tone-green {
  --tone: #0EA97A;
  --tone-light: #37EDB7;
  --tone-dark: #085E44;
  --filter: invert(50%) sepia(47%) saturate(6257%) hue-rotate(138deg) brightness(99%) contrast(89%);
  --filter-light: invert(70%) sepia(90%) saturate(337%) hue-rotate(104deg) brightness(95%) contrast(97%);
  --filter-dark: invert(31%) sepia(33%) saturate(833%) hue-rotate(111deg) brightness(92%) contrast(107%);
}

.slice--tone-yellow {
  --tone: #FDC006;
  --tone-light: #FFED00;
  --tone-dark: #FF9800;
  --filter: invert(68%) sepia(77%) saturate(863%) hue-rotate(357deg) brightness(104%) contrast(98%);
  --filter-light: invert(75%) sepia(88%) saturate(543%) hue-rotate(1deg) brightness(108%) contrast(102%);
  --filter-dark: invert(67%) sepia(23%) saturate(5353%) hue-rotate(358deg) brightness(99%) contrast(108%);
}

.block--accordion {
  color: #ffffff;
}
.block--accordion:not(:last-child) + .block--accordion {
  margin-top: -20px;
}
.block--accordion .accordion__title {
  position: relative;
  background: #00608C;
  font-weight: 500;
  padding-left: 30px;
  padding-right: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.block--accordion .accordion__title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("images/plus.svg");
}
.block--accordion .accordion__content {
  display: none;
  background: #008AC9;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 30px;
  /* 9 */
  padding: 1.875rem;
  /* 9 */
}
.block--accordion .accordion__content a {
  border-bottom: 1px solid #4FC8FF;
}
.block--accordion .accordion__content a:hover {
  border-bottom-color: #D5F2FF;
}
.block--accordion.active .accordion__title::after {
  background-image: url("images/minus.svg");
}

.block:not(:first-child) {
  margin-top: 30px;
}
@media screen and (min-width: 360px) {
  .block:not(:first-child) {
    margin-top: calc(30px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block:not(:first-child) {
    margin-top: 30px;
  }
}
.block:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (min-width: 360px) {
  .block:not(:last-child) {
    margin-bottom: calc(30px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block:not(:last-child) {
    margin-bottom: 30px;
  }
}

.block--buttons .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: -18px;
  /* 9 */
  margin-bottom: -1.125rem;
  /* 9 */
}
.block--buttons .content .button {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 18px;
  /* 9 */
  margin-bottom: 1.125rem;
  /* 9 */
}
.block--buttons .content .button:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 18px;
  /* 9 */
  margin-right: 1.125rem;
  /* 9 */
}

.course {
  color: #ffffff;
}
.course .course__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.course .course__content > * {
  width: 100%;
}
.course .course__group {
  background: #00608C;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 10px;
  /* 9 */
  margin-top: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 10px;
  /* 9 */
  margin-bottom: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 20px;
  /* 9 */
  padding-top: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 20px;
  /* 9 */
  padding-bottom: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 20px;
  /* 9 */
  padding-left: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 20px;
  /* 9 */
  padding-right: 1.25rem;
  /* 9 */
}
@media screen and (min-width: 600px) {
  .course .course__group {
    width: calc(50% - 10px);
  }
}

.block--gallery .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.block--gallery .gallery__image {
  width: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.block--heading:not(:first-child) {
  margin-top: 60px;
}
@media screen and (min-width: 360px) {
  .block--heading:not(:first-child) {
    margin-top: calc(60px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--heading:not(:first-child) {
    margin-top: 60px;
  }
}
.block--heading:not(:last-child) {
  margin-bottom: -20px;
}
@media screen and (min-width: 360px) {
  .block--heading:not(:last-child) {
    margin-bottom: calc(-20px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--heading:not(:last-child) {
    margin-bottom: -20px;
  }
}

.block--iframe .iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.block--iframe .iframe-container iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.block--intro {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 22px;
  /* 9 */
  font-size: 1.375rem;
  /* 9 */
  border-left: solid 2px var(--tone);
}
.block--intro {
  margin-left: -30px;
}
@media screen and (min-width: 360px) {
  .block--intro {
    margin-left: calc(-30px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--intro {
    margin-left: -40px;
  }
}
.block--intro {
  margin-right: -30px;
}
@media screen and (min-width: 360px) {
  .block--intro {
    margin-right: calc(-30px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--intro {
    margin-right: -40px;
  }
}
.block--intro {
  padding-left: 30px;
}
@media screen and (min-width: 360px) {
  .block--intro {
    padding-left: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--intro {
    padding-left: 40px;
  }
}
.block--intro {
  padding-right: 30px;
}
@media screen and (min-width: 360px) {
  .block--intro {
    padding-right: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--intro {
    padding-right: 40px;
  }
}
.block--intro {
  padding-top: 20px;
}
@media screen and (min-width: 360px) {
  .block--intro {
    padding-top: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--intro {
    padding-top: 30px;
  }
}
.block--intro {
  padding-bottom: 20px;
}
@media screen and (min-width: 360px) {
  .block--intro {
    padding-bottom: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--intro {
    padding-bottom: 30px;
  }
}

.block--logos {
  background: #ffffff;
}
.block--logos + .block--logos {
  margin-top: -30px;
}
.block--logos .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block--logos .logos__logo {
  margin-right: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.block--logos img {
  width: auto;
  max-width: 140px;
  max-height: 80px;
}

.map {
  min-height: 500px;
}
.map .marker {
  display: none;
}

.block--quote blockquote, .wp-block-quote blockquote {
  position: relative;
  margin: 0;
  text-align: right;
}
.block--quote blockquote p, .wp-block-quote blockquote p {
  font-style: italic;
  text-align: left;
}
.block--quote blockquote cite, .wp-block-quote blockquote cite {
  font-style: normal;
  text-align: right;
  display: inline-block;
}
.block--quote blockquote cite::before, .wp-block-quote blockquote cite::before {
  content: "-";
  display: inline-block;
  margin-right: 10px;
}
.block--quote blockquote::before, .wp-block-quote blockquote::before {
  content: "";
  position: absolute;
  background-image: url("images/quote.svg");
  background-size: 100% 100%;
  height: 100%;
  z-index: -1;
  -webkit-filter: var(--filter-light);
          filter: var(--filter-light);
}
.block--quote blockquote::before, .wp-block-quote blockquote::before {
  left: -24px;
}
@media screen and (min-width: 360px) {
  .block--quote blockquote::before, .wp-block-quote blockquote::before {
    left: calc(-24px + -46 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--quote blockquote::before, .wp-block-quote blockquote::before {
    left: -70px;
  }
}
.block--quote blockquote::before, .wp-block-quote blockquote::before {
  width: 40px;
}
@media screen and (min-width: 360px) {
  .block--quote blockquote::before, .wp-block-quote blockquote::before {
    width: calc(40px + 40 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .block--quote blockquote::before, .wp-block-quote blockquote::before {
    width: 80px;
  }
}

.wp-block-table {
  border-collapse: collapse;
  border: none;
  width: 100%;
  overflow-x: auto;
  display: block;
  font-size: 16px;
  word-break: initial;
  margin: 0;
}
@media screen and (max-width: 999px) {
  .wp-block-table {
    max-width: calc(100vw - 80px);
  }
}
.wp-block-table tr:nth-child(odd) {
  background-color: white;
}
.wp-block-table tr:nth-child(even) {
  background-color: #fafafa;
}
.wp-block-table th {
  background-color: #00608C;
  color: #ffffff;
  text-align: left;
  font-weight: normal;
}
.wp-block-table th, .wp-block-table td {
  border: none;
  padding: 6px 8px;
}
.wp-block-table .wp-block-table__cell-content {
  padding: 0;
}

.block--youtube .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.block--youtube .video-wrapper iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.action a, .action input {
  color: white;
}
.action > * {
  display: inline-block;
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px 14px;
  /* 9 */
  padding: 0.625rem 0.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 56px;
  /* 9 */
  padding-left: 3.5rem;
  /* 9 */
  font-weight: 500;
  background-color: var(--tone);
  text-decoration: none;
  white-space: nowrap;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  border-radius: 1px;
  /* 9 */
  border-radius: 0.0625rem;
  /* 9 */
}
.action > *::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 42px solid var(--tone-light);
  border-left: 40px solid var(--tone-light);
  border-right: 6px solid transparent;
  -webkit-transition: 0.3s border-left cubic-bezier(1, 0, 0, 1), 0.3s border-right cubic-bezier(1, 0, 0, 1);
  -o-transition: 0.3s border-left cubic-bezier(1, 0, 0, 1), 0.3s border-right cubic-bezier(1, 0, 0, 1);
  transition: 0.3s border-left cubic-bezier(1, 0, 0, 1), 0.3s border-right cubic-bezier(1, 0, 0, 1);
}
.action > *::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 42px;
  /* 9 */
  height: 2.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 42px;
  /* 9 */
  width: 2.625rem;
  /* 9 */
}
.action > *:hover::before {
  border-left: 0px solid var(--tone-light);
  border-right: 0px solid transparent;
}
.action.action--external > *::after {
  background-image: url("images/actions/action-external.svg");
}
.action.action--internal > *::after {
  background-image: url("images/actions/action-internal.svg");
}
.action.action--extranet > *::after {
  background-image: url("images/actions/action-extranet.svg");
}
.action.action--pdf > *::after {
  background-image: url("images/actions/action-pdf.svg");
}
.action.action--edit > *::after {
  background-image: url("images/actions/action-edit.svg");
}
.action.action--letter > *::after {
  background-image: url("images/actions/action-letter.svg");
}

.actionbis {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 9px 16px;
  color: #FFD447;
  border: solid 2px #FFD447;
  border-radius: 3px;
}
.actionbis .action__label {
  font-weight: 500;
  line-height: 1.375;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.actionbis .action__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.actionbis .action__icon svg {
  width: 20px;
  height: 20px;
}
.actionbis:hover {
  border-color: #f5bc00;
}
.actionbis.action--primary {
  color: #004F74;
  background-color: #FFD447;
}
.actionbis.action--primary:hover {
  background-color: #f5bc00;
}

.intro__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}

.button > * {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 6px 14px;
  /* 9 */
  padding: 0.375rem 0.875rem;
  /* 9 */
  display: block;
  color: #ffffff;
  font-weight: 500;
  background-color: var(--tone-dark);
  text-decoration: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  border-radius: 1px;
  /* 9 */
  border-radius: 0.0625rem;
  /* 9 */
  -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
          box-shadow: inset 0px 0px 0px 0px #ffffff;
  -webkit-transition: -webkit-box-shadow 0.2s ease-out;
  transition: -webkit-box-shadow 0.2s ease-out;
  -o-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}
.button > *:hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0px -2px 0px 0px #ffffff;
          box-shadow: inset 0px -2px 0px 0px #ffffff;
}
.button.button--primary > * {
  color: #004F74;
  background-color: #FFD447;
}
.button.filter.active > * {
  -webkit-box-shadow: inset 0px -2px 0px 0px #ffffff;
          box-shadow: inset 0px -2px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
          box-shadow: inset 0px 0px 0px 2px #ffffff;
}
.button.filter > * {
  background-color: var(--tone);
}
.button.button--icon > * {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 38px;
  /* 9 */
  padding-left: 2.375rem;
  /* 9 */
}
.button.button--icon > *::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 34px;
  /* 9 */
  width: 2.125rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 34px;
  /* 9 */
  height: 2.125rem;
  /* 9 */
}
.button.button--external > *::before {
  background-image: url("images/button/external.svg");
}
.button.button--internal > *::before {
  background-image: url("images/button/internal.svg");
}
.button.button--cookies > *::before {
  background-image: url("images/button/check.svg");
}
.button.category_event-actividades-infantiles > *::before, .button.category_event-activitats-infantils > *::before {
  background-image: url("images/button/book.svg");
}
.button.category_event-artes-escenicas > *::before, .button.category_event-arts-esceniques > *::before {
  background-image: url("images/button/dance.svg");
}
.button.category_event-cine > *::before, .button.category_event-cinema > *::before {
  background-image: url("images/button/cinema.svg");
}
.button.category_event-encuentros-conferencias > *::before, .button.category_event-trobades-conferencies > *::before {
  background-image: url("images/button/idea.svg");
}
.button.category_event-exposiciones > *::before, .button.category_event-exposicions > *::before {
  background-image: url("images/button/exhibition.svg");
}
.button.category_event-musica > *::before, .button.category_event-musica-ca > *::before {
  background-image: url("images/button/music.svg");
}
.button.category_event-talleres > *::before, .button.category_event-tallers > *::before {
  background-image: url("images/button/book.svg");
}
.button.category_event-presentaciones-literarias > *::before, .button.category_event-presentacions-literaries > *::before {
  background-image: url("images/button/book.svg");
}
.button.category_event-tife > *::before {
  background-image: url("images/button/tife.svg");
}
.button.category_event-ef > *::before {
  background-image: url("images/button/ef.svg");
}

.fact {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 40px;
  /* 9 */
  padding-left: 2.5rem;
  /* 9 */
}
.fact:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 1.25rem;
  /* 9 */
}
.fact::before {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 32px;
  /* 9 */
  width: 2rem;
  /* 9 */
  background-repeat: no-repeat;
}
.fact.fact--paragraph::before {
  background-image: url("images/fact/fact-paragraph.svg");
}
.fact.fact--level::before {
  background-image: url("images/fact/fact-level.svg");
}
.fact.fact--weekday::before {
  background-image: url("images/fact/fact-weekday.svg");
}
.fact.fact--hour::before {
  background-image: url("images/fact/fact-hour.svg");
}
.fact.fact--date::before {
  background-image: url("images/fact/fact-date.svg");
}
.fact.fact--duration::before {
  background-image: url("images/fact/fact-duration.svg");
}
.fact.fact--intensity::before {
  background-image: url("images/fact/fact-intensity.svg");
}
.fact.fact--price::before {
  background-image: url("images/fact/fact-price.svg");
}
.fact.fact--location::before {
  background-image: url("images/fact/fact-location.svg");
}
.fact.fact--info::before {
  background-image: url("images/fact/fact-info.svg");
}
.fact.fact--paragraph::before {
  background-size: 100% 100%;
}

aside .wpcf7 {
  padding: 0 !important;
  border: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

@media screen and (min-width: 1000px) {
  aside .wpcf7-form-control.wpcf7-text, aside .wpcf7-form-control.wpcf7-date, aside .wpcf7-form-control.wpcf7-file, aside .wpcf7-form-control.wpcf7-number, aside .wpcf7-form-control.wpcf7-textarea, aside .wpcf7-form-control.wpcf7-select {
    width: 100%;
  }
}
.wpcf7 {
  background: #ffffff;
  padding: 20px !important;
  border: solid 1px #DFDFDF;
  border-radius: 4px;
}
.wpcf7 br {
  display: none;
}
.wpcf7 fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.wpcf7 fieldset:not(:last-of-type) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 1.25rem;
  /* 9 */
}
.wpcf7 fieldset legend {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 1.25rem;
  /* 9 */
  font-weight: 500;
  width: 100%;
}
.wpcf7 .form__field {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 20px;
  /* 9 */
  margin-top: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 30px;
  /* 9 */
  margin-bottom: 1.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 20px;
  /* 9 */
  padding-bottom: 1.25rem;
  /* 9 */
}
.wpcf7 label {
  color: #606060;
  font-size: 14px;
  font-weight: normal;
  left: 0px;
  top: -12px;
}
.wpcf7 .form__tip {
  position: absolute;
  left: 0;
  bottom: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 0.75rem;
  /* 9 */
  color: #606060;
}
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
}
.wpcf7 .wpcf7-form-control.wpcf7-text, .wpcf7 .wpcf7-form-control.wpcf7-date, .wpcf7 .wpcf7-form-control.wpcf7-file, .wpcf7 .wpcf7-form-control.wpcf7-number, .wpcf7 .wpcf7-form-control.wpcf7-textarea {
  background: #ffffff;
  border: solid 1px #DFDFDF;
  color: #202020;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  padding: 14px 15px;
  border-radius: 4px;
}
@media screen and (max-width: 799px) {
  .wpcf7 .wpcf7-form-control.wpcf7-text, .wpcf7 .wpcf7-form-control.wpcf7-date, .wpcf7 .wpcf7-form-control.wpcf7-file, .wpcf7 .wpcf7-form-control.wpcf7-number, .wpcf7 .wpcf7-form-control.wpcf7-textarea {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    width: 230px;
    /* 9 */
    width: 14.375rem;
    /* 9 */
  }
}
.wpcf7 .wpcf7-form-control.wpcf7-select {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  border-radius: 4px;
  color: #202020;
  padding: 14px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: solid 1px #DFDFDF;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23404040%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
@media screen and (max-width: 799px) {
  .wpcf7 .wpcf7-form-control.wpcf7-select {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    width: 230px;
    /* 9 */
    width: 14.375rem;
    /* 9 */
  }
}
.wpcf7 .wpcf7-form-control.wpcf7-submit {
  border: none;
}
.wpcf7 .wpcf7-form-control.wpcf7-not-valid {
  border-color: #C7051C;
}
.wpcf7 .ajax-loader {
  display: none !important;
}
.wpcf7 .wpcf7-list-item {
  display: block;
  margin-left: 0;
  color: #202020;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
}
.wpcf7 .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wpcf7 .wpcf7-list-item label .wpcf7-list-item-label {
  padding-left: 10px;
}
.wpcf7 .wpcf7-not-valid-tip {
  color: #C7051C;
  display: block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}
.wpcf7 .wpcf7-response-output {
  margin: 0;
  margin-bottom: 20px;
  padding: 10px 20px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
  color: grey;
  border: none;
}
.wpcf7 .wpcf7-validation-errors {
  background: #C7051C;
}
.wpcf7 .wpcf7-mail-sent-ok {
  background: #085E44;
}
.wpcf7 .recaptcha {
  margin-top: 12px;
  font-size: 12px;
  color: #808080;
}
.wpcf7 .recaptcha a {
  color: #606060;
}

.hf-form .hf-fields-wrap p {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 120px 1fr;
  grid-template-columns: 120px 1fr;
}
.hf-form .hf-fields-wrap p > *:nth-child(n+2) {
  -ms-grid-column: 2;
      grid-column-start: 2;
  min-width: 150px;
}
.hf-form .hf-fields-wrap p input[type=submit] {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}
.hf-form .hf-fields-wrap label:first-child {
  color: var(--tone-025);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  width: 110px;
  margin-right: 10px;
  grid-row-start: span 5;
}
.hf-form .hf-fields-wrap ::-webkit-input-placeholder {
  color: var(--tone-100);
  opacity: 1;
  /* Firefox */
}
.hf-form .hf-fields-wrap ::-moz-placeholder {
  color: var(--tone-100);
  opacity: 1;
  /* Firefox */
}
.hf-form .hf-fields-wrap :-ms-input-placeholder {
  color: var(--tone-100);
  opacity: 1;
  /* Firefox */
}
.hf-form .hf-fields-wrap ::-ms-input-placeholder {
  color: var(--tone-100);
  opacity: 1;
  /* Firefox */
}
.hf-form .hf-fields-wrap ::placeholder {
  color: var(--tone-100);
  opacity: 1;
  /* Firefox */
}
.hf-form .hf-fields-wrap input[type=text],
.hf-form .hf-fields-wrap input[type=email],
.hf-form .hf-fields-wrap input[type=url],
.hf-form .hf-fields-wrap input[type=number],
.hf-form .hf-fields-wrap input[type=date],
.hf-form .hf-fields-wrap textarea,
.hf-form .hf-fields-wrap select {
  color: white;
  color: var(--tone-700);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--tone-050);
  border: none;
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}
.hf-form .hf-fields-wrap input[type=text]:focus,
.hf-form .hf-fields-wrap input[type=email]:focus,
.hf-form .hf-fields-wrap input[type=url]:focus,
.hf-form .hf-fields-wrap input[type=number]:focus,
.hf-form .hf-fields-wrap input[type=date]:focus,
.hf-form .hf-fields-wrap textarea:focus,
.hf-form .hf-fields-wrap select:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 3px #777777;
          box-shadow: 0 0 0 3px #777777;
  border-color: #656565;
}
.hf-form .hf-fields-wrap input[type=checkbox],
.hf-form .hf-fields-wrap input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1em;
  width: 1em;
  color: var(--tone-700);
  background-color: var(--tone-050);
  border-color: #e2e8f0;
  border-width: 1px;
  margin-right: 10px;
}
.hf-form .hf-fields-wrap input[type=checkbox]:checked,
.hf-form .hf-fields-wrap input[type=radio]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.hf-form .hf-fields-wrap input[type=checkbox] {
  border-radius: 0.25rem;
}
.hf-form .hf-fields-wrap input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
}
.hf-form .hf-fields-wrap input[type=radio] {
  border-radius: 100%;
}
.hf-form .hf-fields-wrap input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
.hf-form .hf-fields-wrap select:not([multiple]) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3e%3cpath d='M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
  background-repeat: no-repeat;
}
.hf-form .hf-fields-wrap input[type=submit] {
  margin: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1.2;
  font-size: 16px;
  padding: 12px 18px;
  border-radius: 0.25rem;
  color: var(--tone-025);
  color: #ffffff;
  background: var(--tone-600);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  border: none;
}
.hf-form .hf-fields-wrap input[type=submit]:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.hf-form .hf-fields-wrap input[type=submit]:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #a2a0a0;
          box-shadow: 0px 0px 0px 2px #a2a0a0;
  outline: none;
}
.hf-form .hf-fields-wrap input[type=submit]:active {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.item--agenda a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 20px;
  /* 9 */
  padding: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 80px;
  /* 9 */
  min-height: 5rem;
  /* 9 */
  background: #ffffff;
}
.item--agenda .item__title {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  font-weight: 500;
}

.item--event.disabled {
  display: none;
}
.item--event a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 280px;
  /* 9 */
  min-height: 17.5rem;
  /* 9 */
}
.item--event .item__top {
  position: relative;
}
.item--event .item__bottom {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 10px;
  /* 9 */
  padding-top: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 10px;
  /* 9 */
  padding-bottom: 0.625rem;
  /* 9 */
}
.item--event .item__image {
  position: relative;
  overflow: hidden;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 135px;
  /* 9 */
  height: 8.4375rem;
  /* 9 */
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
  -webkit-transition: -webkit-clip-path 0.3s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-clip-path 0.3s cubic-bezier(1, 0, 0, 1);
  -o-transition: clip-path 0.3s cubic-bezier(1, 0, 0, 1);
  transition: clip-path 0.3s cubic-bezier(1, 0, 0, 1);
  transition: clip-path 0.3s cubic-bezier(1, 0, 0, 1), -webkit-clip-path 0.3s cubic-bezier(1, 0, 0, 1);
}
.item--event .item__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  width: auto;
  opacity: 1;
  -webkit-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}
.item--event .item__image img.lazyload:not(.lazyloaded) {
  opacity: 0;
}
.item--event .item__categories {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 20px;
  /* 9 */
  padding-left: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 20px;
  /* 9 */
  padding-right: 1.25rem;
  /* 9 */
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.item--event .item__categories .item__category {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 4px;
  /* 9 */
  margin-top: 0.25rem;
  /* 9 */
}
.item--event .item__categories .item__category:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 4px;
  /* 9 */
  margin-right: 0.25rem;
  /* 9 */
}
.item--event .item__city {
  text-align: right;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 20px;
  /* 9 */
  padding-left: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 20px;
  /* 9 */
  padding-right: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 0.75rem;
  /* 9 */
  font-weight: 500;
  text-transform: uppercase;
}
.item--event .item__title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  font-weight: 500;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 20px;
  /* 9 */
  padding-left: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 20px;
  /* 9 */
  padding-right: 1.25rem;
  /* 9 */
}
.item--event .item__expiration {
  display: none;
}
.item--event .item__time {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
  font-weight: 500;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 20px;
  /* 9 */
  padding-left: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 20px;
  /* 9 */
  padding-right: 1.25rem;
  /* 9 */
  text-transform: capitalize;
}
.item--event.item--tife {
  position: relative;
}
.item--event.item--tife::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  bottom: 10px;
  /* 9 */
  bottom: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  right: 10px;
  /* 9 */
  right: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 14px;
  /* 9 */
  width: 0.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 20px;
  /* 9 */
  height: 1.25rem;
  /* 9 */
  background-image: url("images/tife.svg");
}
.item--event.item--ef {
  position: relative;
}
.item--event.item--ef::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  bottom: 10px;
  /* 9 */
  bottom: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  right: 10px;
  /* 9 */
  right: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 14px;
  /* 9 */
  width: 0.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 20px;
  /* 9 */
  height: 1.25rem;
  /* 9 */
  background-image: url("images/ef.svg");
}

.item--fact {
  color: var(--tone-dark);
}
.item--fact .item__title {
  position: relative;
  font-family: "Proto Grotesk", sans-serif;
  color: var(--tone-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 40px;
  /* 9 */
  padding-left: 2.5rem;
  /* 9 */
}
.item--fact .item__title::before {
  content: "";
  position: absolute;
  left: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  top: -2px;
  /* 9 */
  top: -0.125rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 30px;
  /* 9 */
  width: 1.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 30px;
  /* 9 */
  height: 1.875rem;
  /* 9 */
  background-image: url("images/fact-check.svg");
  background-color: var(--tone-dark);
  border-radius: 100%;
}
.item--fact .item__description {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 6px;
  /* 9 */
  margin-top: 0.375rem;
  /* 9 */
}

.item--job.disabled {
  display: none;
}
.item--job a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 20px;
  /* 9 */
  padding: 1.25rem;
  /* 9 */
  height: 100%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 140px;
  /* 9 */
  min-height: 8.75rem;
  /* 9 */
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.item--job .item__city {
  text-align: right;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 0.75rem;
  /* 9 */
  font-weight: 500;
  text-transform: uppercase;
}
.item--job .item__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.item--job .item__categories .item__category {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 4px;
  /* 9 */
  margin-bottom: 0.25rem;
  /* 9 */
}
.item--job .item__categories .item__category:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 4px;
  /* 9 */
  margin-right: 0.25rem;
  /* 9 */
}
.item--job .item__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  font-weight: 500;
}
.item--job .item__expiration {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 10px;
  /* 9 */
  margin-top: 0.625rem;
  /* 9 */
  color: #606060;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}

.item--logo img {
  display: block;
}
.item--logo .item__title {
  display: none;
}

.item--news.disabled {
  display: none;
}
.item--news a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 140px;
  /* 9 */
  min-height: 8.75rem;
  /* 9 */
  height: 100%;
}
.item--news .item__left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 20px;
  /* 9 */
  padding: 1.25rem;
  /* 9 */
}
.item--news .item__right {
  width: 100px;
}
@media screen and (min-width: 360px) {
  .item--news .item__right {
    width: calc(100px + 100 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .item--news .item__right {
    width: 200px;
  }
}
.item--news .item__image {
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-clip-path 0.3s cubic-bezier(1, 0, 0, 1);
  -o-transition: clip-path 0.3s cubic-bezier(1, 0, 0, 1);
  transition: clip-path 0.3s cubic-bezier(1, 0, 0, 1);
  transition: clip-path 0.3s cubic-bezier(1, 0, 0, 1), -webkit-clip-path 0.3s cubic-bezier(1, 0, 0, 1);
}
.item--news .item__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  width: auto;
  opacity: 1;
  -webkit-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}
.item--news .item__image img.lazyload:not(.lazyloaded) {
  opacity: 0;
}
.item--news .item__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.item--news .item__categories .item__category {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 4px;
  /* 9 */
  margin-bottom: 0.25rem;
  /* 9 */
}
.item--news .item__categories .item__category:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 4px;
  /* 9 */
  margin-right: 0.25rem;
  /* 9 */
}
.item--news .item__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  font-weight: 500;
}
.item--news .item__excerpt {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 10px;
  /* 9 */
  margin-top: 0.625rem;
  /* 9 */
  color: #606060;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}

.item--page a {
  text-decoration: none;
}
.item--page .item__title {
  color: #ffffff;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  z-index: 2;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  bottom: 5px;
  /* 9 */
  bottom: 0.3125rem;
  /* 9 */
  text-align: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 60px;
  /* 9 */
  min-height: 3.75rem;
  /* 9 */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 30px;
  /* 9 */
  padding-left: 1.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 30px;
  /* 9 */
  padding-right: 1.875rem;
  /* 9 */
}
.item--page .item__title {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  .item--page .item__title {
    font-size: calc(14px + 2 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .item--page .item__title {
    font-size: 16px;
  }
}
.item--page .item__image {
  overflow: hidden;
  position: relative;
}
.item--page .item__image {
  height: 200px;
}
@media screen and (min-width: 360px) {
  .item--page .item__image {
    height: calc(200px + 100 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .item--page .item__image {
    height: 300px;
  }
}
.item--page .item__image img {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  width: auto;
}
.item--page .item__image::before, .item--page .item__image::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 287px;
  /* 9 */
  width: 17.9375rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 83px;
  /* 9 */
  height: 5.1875rem;
  /* 9 */
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.3s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
}
.item--page .item__image::before {
  background-image: url("images/item-page-line-1.svg");
  -webkit-filter: var(--filter);
          filter: var(--filter);
}
.item--page .item__image::after {
  background-image: url("images/item-page-line-2.svg");
  -webkit-filter: var(--filter-dark);
          filter: var(--filter-dark);
}

.label {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 0.75rem;
  /* 9 */
  font-weight: 500;
  color: #ffffff;
  background: var(--tone);
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 3px 12px 2px;
  /* 9 */
  padding: 0.1875rem 0.75rem 0.125rem;
  /* 9 */
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.2);
}
body .overlay.overlay--active {
  display: block;
}
body > header {
  position: fixed;
  width: 100%;
  z-index: 11;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body > header > .content {
  width: 100%;
}
body > main {
  margin-top: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body > main .side > div > *:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 40px;
  /* 9 */
  margin-bottom: 2.5rem;
  /* 9 */
}
body > main .content {
  padding-left: 20px;
}
@media screen and (min-width: 360px) {
  body > main .content {
    padding-left: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > main .content {
    padding-left: 40px;
  }
}
body > main .content {
  padding-right: 20px;
}
@media screen and (min-width: 360px) {
  body > main .content {
    padding-right: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > main .content {
    padding-right: 40px;
  }
}
body > main section {
  padding-top: 40px;
}
@media screen and (min-width: 360px) {
  body > main section {
    padding-top: calc(40px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > main section {
    padding-top: 60px;
  }
}
body > main section {
  padding-bottom: 40px;
}
@media screen and (min-width: 360px) {
  body > main section {
    padding-bottom: calc(40px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > main section {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 999px) {
  body > main .side {
    position: relative;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    top: -30px;
    /* 9 */
    top: -1.875rem;
    /* 9 */
  }
  body > main .side {
    padding-left: 20px;
  }
}
@media screen and (max-width: 999px) and (min-width: 360px) {
  body > main .side {
    padding-left: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (max-width: 999px) and (min-width: 1440px) {
  body > main .side {
    padding-left: 40px;
  }
}
@media screen and (max-width: 999px) {
  body > main .side {
    padding-right: 20px;
  }
}
@media screen and (max-width: 999px) and (min-width: 360px) {
  body > main .side {
    padding-right: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (max-width: 999px) and (min-width: 1440px) {
  body > main .side {
    padding-right: 40px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .side {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    max-width: 1440px;
    /* 9 */
    max-width: 90rem;
    /* 9 */
  }
  body > main .side > div {
    position: absolute;
    z-index: 2;
    right: 0;
  }
  body > main .side > div {
    top: -100px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .side > div {
    top: calc(-100px + -100 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .side > div {
    top: -200px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .side > div {
    width: 240px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .side > div {
    width: calc(240px + 160 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .side > div {
    width: 400px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .side > div {
    margin-right: 20px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .side > div {
    margin-right: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .side > div {
    margin-right: 40px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .content {
    margin-left: auto;
    margin-right: auto;
  }
  body > main .content:not(.content--wide):not(.content--full) {
    max-width: 600px;
  }
  body > main .content:not(.content--wide):not(.content--full) {
    padding-right: 280px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .content:not(.content--wide):not(.content--full) {
    padding-right: calc(280px + 200 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .content:not(.content--wide):not(.content--full) {
    padding-right: 480px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .content:not(.content--wide):not(.content--full) {
    max-width: 900px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .content:not(.content--wide):not(.content--full) {
    max-width: calc(900px + 220 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .content:not(.content--wide):not(.content--full) {
    max-width: 1120px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .content.content--wide {
    padding-right: 280px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .content.content--wide {
    padding-right: calc(280px + 200 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .content.content--wide {
    padding-right: 480px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .content.content--wide {
    max-width: 1220px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .content.content--wide {
    max-width: calc(1220px + 220 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .content.content--wide {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .content.content--full {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .content.content--full {
    padding-right: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .content.content--full {
    padding-right: 40px;
  }
}
@media screen and (min-width: 1000px) {
  body > main .content.content--full {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > main .content.content--full {
    max-width: calc(1440px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > main .content.content--full {
    max-width: 1440px;
  }
}
.intro {
  color: #E2F6FF;
  background: #0071A6;
  margin-left: auto;
  margin-right: auto;
}
.intro h1 {
  color: white;
}
.intro h2 {
  font-family: inherit;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 0.75rem;
  /* 9 */
  font-weight: 500;
  text-transform: uppercase;
}
.intro .intro__main {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
}
.intro .intro__main > *:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 1.25rem;
  /* 9 */
}
.intro .intro__main .intro__categories {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 10px;
  /* 9 */
  margin-bottom: 0.625rem;
  /* 9 */
}
.intro .intro__footer {
  background: #004F74;
  border-radius: 0 0 0.3rem 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.intro .intro__footer {
  margin-left: -20px;
}
@media screen and (min-width: 360px) {
  .intro .intro__footer {
    margin-left: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__footer {
    margin-left: -30px;
  }
}
.intro .intro__footer {
  margin-right: -20px;
}
@media screen and (min-width: 360px) {
  .intro .intro__footer {
    margin-right: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__footer {
    margin-right: -30px;
  }
}
.intro .intro__footer {
  margin-bottom: -20px;
}
@media screen and (min-width: 360px) {
  .intro .intro__footer {
    margin-bottom: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__footer {
    margin-bottom: -30px;
  }
}
.intro .intro__footer {
  margin-top: 20px;
}
@media screen and (min-width: 360px) {
  .intro .intro__footer {
    margin-top: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__footer {
    margin-top: 30px;
  }
}
.intro .intro__footer {
  padding-left: 20px;
}
@media screen and (min-width: 360px) {
  .intro .intro__footer {
    padding-left: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__footer {
    padding-left: 30px;
  }
}
.intro .intro__footer {
  padding-right: 20px;
}
@media screen and (min-width: 360px) {
  .intro .intro__footer {
    padding-right: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__footer {
    padding-right: 30px;
  }
}
.intro .intro__footer {
  padding-top: 20px;
}
@media screen and (min-width: 360px) {
  .intro .intro__footer {
    padding-top: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__footer {
    padding-top: 30px;
  }
}
.intro .intro__footer {
  padding-bottom: 20px;
}
@media screen and (min-width: 360px) {
  .intro .intro__footer {
    padding-bottom: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__footer {
    padding-bottom: 30px;
  }
}
.intro .intro__breadcrumbs {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 10px;
  /* 9 */
  margin-bottom: 0.625rem;
  /* 9 */
}
.intro .intro__breadcrumbs .breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.intro .intro__breadcrumbs .breadcrumbs li {
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.intro .intro__breadcrumbs .breadcrumbs li:not(:last-child)::after {
  content: "";
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-left: 6px;
  /* 9 */
  margin-left: 0.375rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 6px;
  /* 9 */
  margin-right: 0.375rem;
  /* 9 */
  width: 12px;
  height: 12px;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Forward%3C/title%3E%3Cpath fill='none' stroke='%23E2F6FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144'/%3E%3C/svg%3E");
}
.intro .intro__breadcrumbs .breadcrumbs a {
  text-decoration: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}
.intro .intro__breadcrumbs .breadcrumbs a:hover {
  color: white;
}
.intro .intro__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.intro .intro__categories .label {
  background: var(--tone);
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 4px;
  /* 9 */
  margin-top: 0.25rem;
  /* 9 */
}
.intro .intro__categories .label:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 4px;
  /* 9 */
  margin-right: 0.25rem;
  /* 9 */
}
.intro .intro__description {
  font-weight: normal;
}
.intro .intro__description .readmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 30px;
  /* 9 */
  margin-top: 1.875rem;
  /* 9 */
}
.intro .intro__subpages ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.intro .intro__subpages ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.intro .intro__subpages ul li:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E2F6FF' d='M4.4 8v3h13.2l-2.9-2.9a1 1 0 1 1 1.4-1.4l4.6 4.6c.4.4.4 1 0 1.4l-4.6 4.6a1 1 0 1 1-1.4-1.4l2.9-2.9H3.4a1 1 0 0 1-1-1V8c0-.6.5-1 1-1 .6 0 1 .4 1 1Z'/%3E%3C/svg%3E");
}
.intro .intro__subpages ul li a {
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.4;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.intro .intro__subpages ul li a:hover {
  color: white;
}
.intro .intro__filters ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.intro .intro__filters ul li {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 5px;
  /* 9 */
  margin-top: 0.3125rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 5px;
  /* 9 */
  margin-bottom: 0.3125rem;
  /* 9 */
}
.intro .intro__filters ul li:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 10px;
  /* 9 */
  margin-right: 0.625rem;
  /* 9 */
}
.intro .intro__location .location__address {
  text-align: right;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 10px;
  /* 9 */
  margin-top: 0.625rem;
  /* 9 */
}
.intro .intro__sessions .session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.intro .intro__sessions .session:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 1.25rem;
  /* 9 */
}
.intro .intro__sessions .date {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.intro .intro__sessions .date {
  max-height: 32px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date {
    max-height: calc(32px + 16 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date {
    max-height: 48px;
  }
}
.intro .intro__sessions .date {
  min-width: 110px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date {
    min-width: calc(110px + 30 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date {
    min-width: 140px;
  }
}
.intro .intro__sessions .date > * {
  display: block;
}
.intro .intro__sessions .date .day {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  height: 100%;
  font-family: "Proto Grotesk", sans-serif;
}
.intro .intro__sessions .date .day {
  line-height: 36px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date .day {
    line-height: calc(36px + 16 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date .day {
    line-height: 52px;
  }
}
.intro .intro__sessions .date .day {
  font-size: 28px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date .day {
    font-size: calc(28px + 12 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date .day {
    font-size: 40px;
  }
}
.intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
  text-transform: capitalize;
}
.intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
  font-size: 12px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
    font-size: calc(12px + 2 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
    font-size: 14px;
  }
}
.intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
  line-height: 15px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
    line-height: calc(15px + 6 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
    line-height: 21px;
  }
}
.intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
  margin-left: 6px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
    margin-left: calc(6px + 2 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date .weekday,
.intro .intro__sessions .date .month {
    margin-left: 8px;
  }
}
.intro .intro__sessions .time {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 15px;
  /* 9 */
  padding-left: 0.9375rem;
  /* 9 */
  border-left: solid 2px #E2F6FF;
}
.intro .intro__sessions .date + .date {
  position: relative;
}
.intro .intro__sessions .date + .date {
  padding-left: 22px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date + .date {
    padding-left: calc(22px + 26 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date + .date {
    padding-left: 48px;
  }
}
.intro .intro__sessions .date + .date::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23E2F6FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M268 112l144 144-144 144M392 256H100'/%3E%3C/svg%3E");
  background-size: 100% 100%;
}
.intro .intro__sessions .date + .date::before {
  width: 12px;
}
@media screen and (min-width: 360px) {
  .intro .intro__sessions .date + .date::before {
    width: calc(12px + 13 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .intro .intro__sessions .date + .date::before {
    width: 25px;
  }
}
.intro .intro__sessions .info {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 0.75rem;
  /* 9 */
  width: 100%;
}

.new-aside {
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.new-aside {
  padding: 20px;
}
@media screen and (min-width: 360px) {
  .new-aside {
    padding: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside {
    padding: 30px;
  }
}

.new-aside--info {
  background: white;
}

aside.new-aside.credits {
  --tone-900:	#002a3d;
  --tone-800:	#003b56;
  --tone-700:	#004f74;
  --tone-600:	#00608d;
  --tone-500:	#0071a6;
  --tone-400:	#008ac9;
  --tone-300:	#009ce7;
  --tone-200:	#0bafff;
  --tone-100:	#42c5ff;
  --tone-075:	#79d7ff;
  --tone-050:	#b0e8ff;
  --tone-025:	#e2f6ff;
  background-color: #ffffff;
  font-size: 16px;
}
aside.new-aside.credits .credit__title {
  font-family: inherit;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 0.75rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 4px;
  /* 9 */
  margin-bottom: 0.25rem;
  /* 9 */
  font-weight: 500;
  text-transform: uppercase;
}
aside.new-aside.credits .credit:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 1.25rem;
  /* 9 */
}

.new-aside.new-aside--info {
  font-size: 16px;
  --tone-900:	#002a3d;
  --tone-800:	#003b56;
  --tone-700:	#004f74;
  --tone-600:	#00608d;
  --tone-500:	#0071a6;
  --tone-400:	#008ac9;
  --tone-300:	#009ce7;
  --tone-200:	#0bafff;
  --tone-100:	#42c5ff;
  --tone-075:	#79d7ff;
  --tone-050:	#b0e8ff;
  --tone-025:	#e2f6ff;
  color: white;
  background-color: var(--tone-400);
}
.new-aside.new-aside--info .new-aside__title {
  color: white;
  background: var(--tone-600);
  border-radius: 0.3rem 0.3rem 0 0;
  font-weight: 500;
}
.new-aside.new-aside--info .new-aside__title {
  margin-top: -20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-aside--info .new-aside__title {
    margin-top: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-aside--info .new-aside__title {
    margin-top: -30px;
  }
}
.new-aside.new-aside--info .new-aside__title {
  margin-bottom: 20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-aside--info .new-aside__title {
    margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-aside--info .new-aside__title {
    margin-bottom: 30px;
  }
}
.new-aside.new-aside--info .new-aside__title {
  margin-left: -20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-aside--info .new-aside__title {
    margin-left: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-aside--info .new-aside__title {
    margin-left: -30px;
  }
}
.new-aside.new-aside--info .new-aside__title {
  margin-right: -20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-aside--info .new-aside__title {
    margin-right: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-aside--info .new-aside__title {
    margin-right: -30px;
  }
}
.new-aside.new-aside--info .new-aside__title {
  padding-left: 20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-aside--info .new-aside__title {
    padding-left: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-aside--info .new-aside__title {
    padding-left: 30px;
  }
}
.new-aside.new-aside--info .new-aside__title {
  padding-right: 20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-aside--info .new-aside__title {
    padding-right: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-aside--info .new-aside__title {
    padding-right: 30px;
  }
}
.new-aside.new-aside--info .new-aside__title {
  padding-top: 5px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-aside--info .new-aside__title {
    padding-top: calc(5px + 5 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-aside--info .new-aside__title {
    padding-top: 10px;
  }
}
.new-aside.new-aside--info .new-aside__title {
  padding-bottom: 5px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-aside--info .new-aside__title {
    padding-bottom: calc(5px + 5 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-aside--info .new-aside__title {
    padding-bottom: 10px;
  }
}

.new-aside.new-form {
  --tone-900:	#002a3d;
  --tone-800:	#003b56;
  --tone-700:	#004f74;
  --tone-600:	#00608d;
  --tone-500:	#0071a6;
  --tone-400:	#008ac9;
  --tone-300:	#009ce7;
  --tone-200:	#0bafff;
  --tone-100:	#42c5ff;
  --tone-075:	#79d7ff;
  --tone-050:	#b0e8ff;
  --tone-025:	#e2f6ff;
  color: white;
  background-color: var(--tone-400);
}
.new-aside.new-form .new-form__title {
  color: white;
  background: var(--tone-600);
  border-radius: 0.3rem 0.3rem 0 0;
  font-weight: 500;
}
.new-aside.new-form .new-form__title {
  margin-top: -20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-form .new-form__title {
    margin-top: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-form .new-form__title {
    margin-top: -30px;
  }
}
.new-aside.new-form .new-form__title {
  margin-bottom: 20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-form .new-form__title {
    margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-form .new-form__title {
    margin-bottom: 30px;
  }
}
.new-aside.new-form .new-form__title {
  margin-left: -20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-form .new-form__title {
    margin-left: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-form .new-form__title {
    margin-left: -30px;
  }
}
.new-aside.new-form .new-form__title {
  margin-right: -20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-form .new-form__title {
    margin-right: calc(-20px + -10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-form .new-form__title {
    margin-right: -30px;
  }
}
.new-aside.new-form .new-form__title {
  padding-left: 20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-form .new-form__title {
    padding-left: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-form .new-form__title {
    padding-left: 30px;
  }
}
.new-aside.new-form .new-form__title {
  padding-right: 20px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-form .new-form__title {
    padding-right: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-form .new-form__title {
    padding-right: 30px;
  }
}
.new-aside.new-form .new-form__title {
  padding-top: 5px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-form .new-form__title {
    padding-top: calc(5px + 5 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-form .new-form__title {
    padding-top: 10px;
  }
}
.new-aside.new-form .new-form__title {
  padding-bottom: 5px;
}
@media screen and (min-width: 360px) {
  .new-aside.new-form .new-form__title {
    padding-bottom: calc(5px + 5 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-aside.new-form .new-form__title {
    padding-bottom: 10px;
  }
}

.banner {
  position: relative;
  overflow: hidden;
  background: #000000;
}
.banner {
  height: 200px;
}
@media screen and (min-width: 360px) {
  .banner {
    height: calc(200px + 200 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .banner {
    height: 400px;
  }
}
.banner .background {
  -webkit-filter: blur(4px);
          filter: blur(4px);
  height: 100%;
}
.banner .background img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  width: auto;
  opacity: 1;
  -webkit-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}
.banner img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  display: block;
  min-height: 100%;
  max-width: inherit;
  width: auto;
  opacity: 1;
  -webkit-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}
.banner .banner__text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.banner .banner__text {
  padding-left: 10px;
}
@media screen and (min-width: 360px) {
  .banner .banner__text {
    padding-left: calc(10px + 14 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .banner .banner__text {
    padding-left: 24px;
  }
}
.banner .banner__text {
  padding-right: 10px;
}
@media screen and (min-width: 360px) {
  .banner .banner__text {
    padding-right: calc(10px + 14 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .banner .banner__text {
    padding-right: 24px;
  }
}
.banner .banner__text > div {
  color: white;
  background: rgba(0, 126, 184, 0.8);
  padding: 4px 10px;
  border-radius: 2px;
  line-height: 1.4;
  font-size: 16px;
}
.banner .banner__text > div a {
  text-decoration: underline;
}
@media screen and (min-width: 1000px) {
  .banner .banner__text {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    padding-bottom: 24px;
  }
}
.cookies {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  place-items: center;
}
.cookies > div {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  border-radius: 4px;
  /* 9 */
  border-radius: 0.25rem;
  /* 9 */
  background-color: #003750;
  color: #ffffff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 620px;
  /* 9 */
  width: 38.75rem;
  /* 9 */
  max-width: calc(100vw - 20px);
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 16px 20px;
  /* 9 */
  padding: 1rem 1.25rem;
  /* 9 */
}
.cookies > div {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  .cookies > div {
    font-size: calc(14px + 2 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .cookies > div {
    font-size: 16px;
  }
}
@media screen and (min-width: 800px) {
  .cookies > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.cookies > div > div:first-child a {
  text-decoration: underline;
}
@media screen and (max-width: 799px) {
  .cookies > div > div:first-child {
    margin-bottom: 10px;
  }
}
.cookies > div > div:last-child {
  margin-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cookies > div > div:last-child .button {
  display: inline-block;
  text-align: center;
}
@media screen and (min-width: 800px) {
  .cookies > div > div:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cookies:not(.cookies--displayed) {
  display: none;
}

body > footer {
  color: #ffffff;
  background-color: #003750;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
}
body > footer a {
  color: #ffffff;
}
body > footer a:hover {
  color: #91DDFF;
}
body > footer .content {
  margin-left: auto;
  margin-right: auto;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  max-width: 1440px;
  /* 9 */
  max-width: 90rem;
  /* 9 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-image: url("images/footer-bg.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
}
body > footer .content {
  padding-top: 30px;
}
@media screen and (min-width: 360px) {
  body > footer .content {
    padding-top: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > footer .content {
    padding-top: 40px;
  }
}
body > footer .content {
  padding-bottom: 30px;
}
@media screen and (min-width: 360px) {
  body > footer .content {
    padding-bottom: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > footer .content {
    padding-bottom: 40px;
  }
}
body > footer .content {
  padding-left: 20px;
}
@media screen and (min-width: 360px) {
  body > footer .content {
    padding-left: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > footer .content {
    padding-left: 40px;
  }
}
body > footer .content {
  padding-right: 20px;
}
@media screen and (min-width: 360px) {
  body > footer .content {
    padding-right: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > footer .content {
    padding-right: 40px;
  }
}
body > footer .footer__logo img {
  display: block;
}
body > footer .footer__contact {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 15px;
  /* 9 */
  margin-top: 0.9375rem;
  /* 9 */
}
body > footer .footer__contact > div {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 32px;
  /* 9 */
  padding-left: 2rem;
  /* 9 */
}
body > footer .footer__contact > div:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 10px;
  /* 9 */
  margin-bottom: 0.625rem;
  /* 9 */
}
body > footer .footer__contact > div::before {
  content: "";
  position: absolute;
  left: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 20px;
  /* 9 */
  width: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 25px;
  /* 9 */
  height: 1.5625rem;
  /* 9 */
}
body > footer .footer__contact .address::before {
  background-image: url("images/footer-marker.svg");
}
body > footer .footer__contact .phone::before {
  background-image: url("images/footer-phone.svg");
}
body > footer .footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  left: -14px;
  /* 9 */
  left: -0.875rem;
  /* 9 */
}
body > footer .footer__socials img {
  display: block;
  -webkit-filter: grayscale(1) brightness(100);
          filter: grayscale(1) brightness(100);
  -webkit-transition: 0.2s -webkit-filter cubic-bezier(1, 0, 0, 1);
  transition: 0.2s -webkit-filter cubic-bezier(1, 0, 0, 1);
  -o-transition: 0.2s filter cubic-bezier(1, 0, 0, 1);
  transition: 0.2s filter cubic-bezier(1, 0, 0, 1);
  transition: 0.2s filter cubic-bezier(1, 0, 0, 1), 0.2s -webkit-filter cubic-bezier(1, 0, 0, 1);
}
body > footer .footer__socials a:hover img {
  -webkit-filter: grayscale(0) brightness(100%);
          filter: grayscale(0) brightness(100%);
}
body > footer .footer__links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body > footer .footer__links a {
  text-decoration: none;
}
body > footer .footer__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body > footer .footer__logos .logo {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  max-width: 130px;
  /* 9 */
  max-width: 8.125rem;
  /* 9 */
}
body > footer .footer__logos .logo:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 40px;
  /* 9 */
  margin-right: 2.5rem;
  /* 9 */
}
body > footer .footer__logos img {
  display: block;
}
@media screen and (max-width: 1099px) {
  body > footer .content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    background-size: 250px;
    /* 9 */
    background-size: 15.625rem;
    /* 9 */
  }
  body > footer .footer__identity, body > footer .footer__socials {
    width: 100%;
  }
  body > footer .footer__socials {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 15px;
    /* 9 */
    margin-top: 0.9375rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 15px;
    /* 9 */
    margin-bottom: 0.9375rem;
    /* 9 */
  }
  body > footer .footer__links li:not(:last-child) {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 5px;
    /* 9 */
    margin-bottom: 0.3125rem;
    /* 9 */
  }
}
@media screen and (min-width: 1100px) {
  body > footer .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    height: 212px;
    /* 9 */
    height: 13.25rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    background-position-x: 120px;
    /* 9 */
    background-position-x: 7.5rem;
    /* 9 */
  }
  body > footer .footer__links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 450px;
  }
  body > footer .footer__links li:not(:last-child) {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-right: 30px;
    /* 9 */
    margin-right: 1.875rem;
    /* 9 */
  }
  body > footer .footer__identity, body > footer .footer__logos {
    height: 100%;
  }
}

body > header {
  background-color: #007EB8;
  color: #ffffff;
}
body > header button {
  padding: 0;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  border: none;
  cursor: pointer;
}
body > header button button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
body > header a {
  text-decoration: none;
}
body > header img {
  display: block;
}
body > header .content {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body > header .content {
    padding-top: 12px;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
  body > header .content > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  body > header .content > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  body > header .content > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  body > header .content > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  body > header .content .header__logo-blogs {
    padding-left: 20px;
  }
  body > header .content .header__controls {
    padding-right: 8px;
  }
  body > header .content .header__menu {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/span 2;
  }
}
@media screen and (min-width: 1000px) {
  body > header .content {
    margin-left: auto;
    margin-right: auto;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    max-width: 1440px;
    /* 9 */
    max-width: 90rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-top: 20px;
    /* 9 */
    padding-top: 1.25rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-bottom: 20px;
    /* 9 */
    padding-bottom: 1.25rem;
    /* 9 */
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: auto 20px 1fr 20px auto;
    grid-template-columns: auto 1fr auto;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
  body > header .content > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  body > header .content > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  body > header .content > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  body > header .content {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > header .content {
    padding-left: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > header .content {
    padding-left: 40px;
  }
}
@media screen and (min-width: 1000px) {
  body > header .content {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  body > header .content {
    padding-right: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  body > header .content {
    padding-right: 40px;
  }
}
@media screen and (min-width: 1000px) {
  body > header .content .header__controls {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
body > header .header__logo-blogs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 999px) {
  body > header .header__logo-blogs {
    gap: 12px;
  }
  body > header .header__logo-blogs .header__logo {
    max-width: 64px;
  }
}
@media screen and (min-width: 1000px) {
  body > header .header__logo-blogs {
    gap: 24px;
  }
  body > header .header__logo-blogs .header__logo {
    width: 96px;
  }
}
body > header .header__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body > header .header__controls > div {
  position: relative;
}
body > header .header__controls button {
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
}
body > header .header__controls button svg {
  width: 24px;
  height: 24px;
  color: #D5F2FF;
}
body > header .header__blogs {
  position: relative;
}
body > header .header__blogs .header__active-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 500;
  height: 40px;
}
@media screen and (max-width: 999px) {
  body > header .header__blogs .header__active-blog {
    font-size: 14px;
  }
  body > header .header__blogs .header__active-blog svg {
    width: 12px;
    height: 12px;
  }
}
@media screen and (min-width: 1000px) {
  body > header .header__blogs .header__active-blog {
    font-size: 18px;
  }
  body > header .header__blogs .header__active-blog svg {
    width: 16px;
    height: 16px;
  }
}
body > header .header__menu {
  display: -ms-grid;
  display: grid;
}
body > header .header__menu {
  font-size: 12px;
}
@media screen and (min-width: 360px) {
  body > header .header__menu {
    font-size: calc(12px + 4 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > header .header__menu {
    font-size: 16px;
  }
}
@media screen and (min-width: 1000px) {
  body > header .header__menu {
    place-items: center;
  }
}
body > header .header__menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.3;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 30px;
  /* 9 */
  padding-left: 1.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 30px;
  /* 9 */
  padding-right: 1.875rem;
  /* 9 */
  color: #91DDFF;
}
body > header .header__menu a:hover {
  color: #ffffff;
}
body > header .header__menu .menu > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body > header .header__menu .menu__title a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: solid 1px #F0F0F0;
  font-weight: 500;
}
body > header .header__menu .menu--level-0 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body > header .header__menu .menu--level-0 > ul > li.current-menu-item > a, body > header .header__menu .menu--level-0 > ul > li.current-menu-ancestor > a {
  color: #ffffff;
}
body > header .header__menu .menu--level-0 > ul > li > a {
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 48px;
  /* 9 */
  min-height: 3rem;
  /* 9 */
  text-align: center;
  font-weight: 500;
  color: #C2ECFF;
}
body > header .header__menu .menu--level-0 > ul > li > a {
  padding-left: 5px;
}
@media screen and (min-width: 360px) {
  body > header .header__menu .menu--level-0 > ul > li > a {
    padding-left: calc(5px + 19 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > header .header__menu .menu--level-0 > ul > li > a {
    padding-left: 24px;
  }
}
body > header .header__menu .menu--level-0 > ul > li > a {
  padding-right: 5px;
}
@media screen and (min-width: 360px) {
  body > header .header__menu .menu--level-0 > ul > li > a {
    padding-right: calc(5px + 19 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > header .header__menu .menu--level-0 > ul > li > a {
    padding-right: 24px;
  }
}
body > header .header__menu .menu--level-0 > ul > li > a {
  font-size: 12px;
}
@media screen and (min-width: 360px) {
  body > header .header__menu .menu--level-0 > ul > li > a {
    font-size: calc(12px + 6 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > header .header__menu .menu--level-0 > ul > li > a {
    font-size: 18px;
  }
}
body > header .header__menu .menu--level-0 > ul > li[aria-expanded=true] > a::after {
  position: absolute;
  z-index: 11;
  top: calc(100% + 18px);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 20px;
  /* 9 */
  width: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 8px;
  /* 9 */
  height: 0.5rem;
  /* 9 */
  background-image: url(images/arrow-menu.svg);
}
body > header .header__menu .menu--level-0 > ul > li[aria-expanded=true] .menu--level-1 {
  display: block;
}
body > header .header__menu .menu--level-0 .menu a {
  color: #404040;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 8px;
  /* 9 */
  padding-top: 0.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 8px;
  /* 9 */
  padding-bottom: 0.5rem;
  /* 9 */
}
body > header .header__menu .menu--level-0 .menu a {
  min-height: 48px;
}
@media screen and (min-width: 360px) {
  body > header .header__menu .menu--level-0 .menu a {
    min-height: calc(48px + -14 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > header .header__menu .menu--level-0 .menu a {
    min-height: 34px;
  }
}
body > header .header__menu .menu--level-0 .menu li.current-menu-item > a {
  color: #000000;
  background-color: #FFED00;
}
body > header .header__menu .menu--level-0 .menu li.menu-item-new > a::after {
  content: "Nuevo";
  color: #ffffff;
  background: #0EA97A;
  text-transform: uppercase;
  font-weight: 500;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 10px;
  /* 9 */
  font-size: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-left: 10px;
  /* 9 */
  margin-left: 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 3px 8px;
  /* 9 */
  padding: 0.1875rem 0.5rem;
  /* 9 */
}
body > header .header__menu .menu--level-1 {
  display: none;
  position: absolute;
  z-index: 11;
  top: calc(100% + 26px);
  width: calc(100vw - 40px);
  max-height: calc(100vh - 240px);
  overflow-y: scroll;
  background: #ffffff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 20px;
  /* 9 */
  padding-top: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 20px;
  /* 9 */
  padding-bottom: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  border-radius: 2px;
  /* 9 */
  border-radius: 0.125rem;
  /* 9 */
}
body > header .header__menu .menu--level-1 > ul > li.sub-menu__title a {
  color: #000000;
  font-weight: 500;
}
body > header .header__menu .menu--level-1 > ul > li.featured {
  background: #FFED00;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 20px;
  /* 9 */
  margin-top: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: -20px;
  /* 9 */
  margin-bottom: -1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  border-radius: 0 0 2px 2px;
  /* 9 */
  border-radius: 0 0 0.125rem 0.125rem;
  /* 9 */
}
body > header .header__menu .menu--level-1 > ul > li.featured a {
  position: relative;
  color: #000000;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 48px;
  /* 9 */
  min-height: 3rem;
  /* 9 */
  background-image: url("images/menu-external.svg");
  background-position: right center;
  background-repeat: no-repeat;
}
body > header .header__menu .menu--level-1 > ul > li.featured a:hover {
  background-color: #FDC006;
}
body > header .header__menu .menu--level-2 {
  display: none;
}
body > header .header__menu .menu--level-3 {
  margin: 0;
  padding: 0;
  list-style: none;
}
body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li.menu-item-has-children > a,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.menu-item-has-children > a {
  position: relative;
}
body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li.menu-item-has-children > a::before,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.menu-item-has-children > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("images/arrow-menu-right.svg");
  background-position: center;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-transform 0.2s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.2s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.2s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.2s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.2s cubic-bezier(1, 0, 0, 1);
}
body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li.menu-item-has-children > a::before,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.menu-item-has-children > a::before {
  width: 48px;
}
@media screen and (min-width: 360px) {
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li.menu-item-has-children > a::before,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.menu-item-has-children > a::before {
    width: calc(48px + -14 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li.menu-item-has-children > a::before,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.menu-item-has-children > a::before {
    width: 34px;
  }
}
body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li.menu-item-has-children > a::before,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.menu-item-has-children > a::before {
  height: 48px;
}
@media screen and (min-width: 360px) {
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li.menu-item-has-children > a::before,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.menu-item-has-children > a::before {
    height: calc(48px + -14 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li.menu-item-has-children > a::before,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.menu-item-has-children > a::before {
    height: 34px;
  }
}
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li[aria-expanded=true] .menu--level-2 {
  display: block;
}
body > header .header__menu li.menu-depth-4 .menu--level-2 > ul > li > a {
  font-weight: 500;
}
@media screen and (max-width: 999px) {
  body > header .header__menu .menu--level-0 > ul {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  body > header .header__menu .menu--level-0 > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  body > header .header__menu .menu--level-1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    left: 20px;
    /* 9 */
    left: 1.25rem;
    /* 9 */
  }
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li[aria-expanded=true].menu-item-has-children > a::before,
body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li[aria-expanded=true].menu-item-has-children > a::before {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  body > header .header__menu li.menu-depth-3 .menu--level-2,
body > header .header__menu li.menu-depth-4 .menu--level-2 {
    background-color: #FAFAFA;
    -webkit-box-shadow: inset 0 -2px 1px #F0F0F0, inset 0 2px 1px #F0F0F0;
            box-shadow: inset 0 -2px 1px #F0F0F0, inset 0 2px 1px #F0F0F0;
  }
  body > header .header__menu li.menu-depth-3 .menu--level-2 > ul,
body > header .header__menu li.menu-depth-4 .menu--level-2 > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body > header .header__menu li.menu-depth-3 .menu--level-2 > ul > li,
body > header .header__menu li.menu-depth-4 .menu--level-2 > ul > li {
    width: 50%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 20px;
    /* 9 */
    margin-top: 1.25rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 20px;
    /* 9 */
    margin-bottom: 1.25rem;
    /* 9 */
  }
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li[aria-expanded=true] .menu--level-2 {
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  body > header .header__menu .menu--level-0 .menu a:hover {
    background-color: #FFFAB8;
  }
  body > header .header__menu .menu--level-0 > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    white-space: nowrap;
  }
  body > header .header__menu .menu--level-0 > ul > li:not(.menu-depth-3):not(.menu-depth-4) {
    position: relative;
  }
  body > header .header__menu .menu--level-1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    max-width: 260px;
    /* 9 */
    max-width: 16.25rem;
    /* 9 */
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  body > header .header__menu li.menu-depth-3 .menu--level-1, body > header .header__menu li.menu-depth-4 .menu--level-1 {
    position: fixed;
    top: 100px;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    max-width: 1440px;
    /* 9 */
    max-width: 90rem;
    /* 9 */
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li > a {
    font-weight: 500;
  }
  body > header .header__menu li.menu-depth-3 .menu--level-1 > ul > li > a::before {
    display: none;
  }
  body > header .header__menu li.menu-depth-3 .menu--level-2 {
    display: block;
  }
  body > header .header__menu li.menu-depth-3 .menu--level-2 .menu__title {
    display: none;
  }
  body > header .header__menu li.menu-depth-4 .menu--level-1 > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li[aria-expanded=true] > a {
    background-color: #FAFAFA;
  }
  body > header .header__menu li.menu-depth-4 .menu--level-1 > ul > li.featured {
    margin-top: auto;
  }
  body > header .header__menu li.menu-depth-4 .menu--level-1 > .menu__title, body > header .header__menu li.menu-depth-4 .menu--level-1 ul > li {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    max-width: 260px;
    /* 9 */
    max-width: 16.25rem;
    /* 9 */
  }
  body > header .header__menu li.menu-depth-4 .menu--level-2 {
    position: absolute;
    top: 0;
    left: 260px;
    width: calc(100% - 260px) !important;
    height: 100%;
    background-color: #FAFAFA;
  }
  body > header .header__menu li.menu-depth-4 .menu--level-2 > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body > header .header__menu li.menu-depth-4 .menu--level-2 > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-bottom: 30px;
    /* 9 */
    padding-bottom: 1.875rem;
    /* 9 */
  }
  body > header .header__menu li.menu-depth-4 .menu--level-2 .menu__title a {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 20px;
    /* 9 */
    margin-top: 1.25rem;
    /* 9 */
  }
}

.items.items--event .item, .items.items--news .item, .items.items--job .item, .items.items--agenda .item, .items.items--page .item {
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  background: #FAFAFA;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  border-radius: 0.3rem;
}
.items.items--event .item:hover, .items.items--news .item:hover, .items.items--job .item:hover, .items.items--agenda .item:hover, .items.items--page .item:hover {
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.items.items--event .item:focus, .items.items--news .item:focus, .items.items--job .item:focus, .items.items--agenda .item:focus, .items.items--page .item:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #b4b3b3;
          box-shadow: 0px 0px 0px 2px #b4b3b3;
  outline: none;
}
.items.items--event .item:active, .items.items--news .item:active, .items.items--job .item:active, .items.items--agenda .item:active, .items.items--page .item:active {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.items.items--event {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(246px, 1fr));
  grid-gap: 20px;
}
.items.items--news {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(455px, 1fr));
  grid-gap: 20px;
}
@media screen and (max-width: 499px) {
  .items.items--news {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}
.items.items--job {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 20px;
}
@media screen and (max-width: 499px) {
  .items.items--job {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}
.items.items--agenda {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 20px;
}
.items.items--page {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
.items.items--page {
  grid-gap: 20px;
}
@media screen and (min-width: 360px) {
  .items.items--page {
    grid-gap: calc(20px + 40 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .items.items--page {
    grid-gap: 60px;
  }
}
@media screen and (max-width: 499px) {
  .items.items--page {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
}
.items.items--page .item {
  position: relative;
}
.items.items--logo {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-gap: 40px;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 20px;
  /* 9 */
  padding: 1.25rem;
  /* 9 */
}
.items.items--fact {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  grid-gap: 40px;
}
.items.items--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.items.items--link .item {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 5px;
  /* 9 */
  margin-top: 0.3125rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 5px;
  /* 9 */
  margin-bottom: 0.3125rem;
  /* 9 */
}
.items.items--link .item:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 10px;
  /* 9 */
  margin-right: 0.625rem;
  /* 9 */
}

.modal {
  position: absolute;
  z-index: 11;
  top: 48px;
  right: 0;
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  max-width: calc(100vw - 40px);
}

.modal--blogs {
  right: initial;
  width: 200px;
}
.modal--blogs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.modal--blogs a {
  display: block;
  padding: 12px 20px;
  font-size: 14px;
  color: #004D70;
}
.modal--blogs a:hover {
  background-color: #D5F2FF;
}
.modal--blogs li.blog--current a {
  background-color: #D5F2FF;
}

.modal--contact {
  width: 300px;
}
.modal--contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.modal--contact a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 20px;
}
.modal--contact a svg {
  color: #004D70;
  width: 18px;
  height: 18px;
}
.modal--contact a span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #004D70;
  font-size: 14px;
  line-height: 125%;
}
.modal--contact a:hover {
  background: #D5F2FF;
}

.modal--languages ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.modal--languages a {
  display: block;
  padding: 12px 20px;
  color: #004D70;
  font-size: 14px;
  line-height: 125%;
}
.modal--languages a:hover {
  background: #D5F2FF;
}
.modal--languages li.language--current a {
  background-color: #D5F2FF;
}

.modal--search {
  width: 300px;
}
.modal--search .search__input {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 0 20px;
  /* 9 */
  padding: 0 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  line-height: 48px;
  /* 9 */
  line-height: 3rem;
  /* 9 */
  border: none;
  width: 100%;
}
.modal--search .search__input::-webkit-input-placeholder {
  color: #BFBFBF;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}
.modal--search .search__input::-moz-placeholder {
  color: #BFBFBF;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}
.modal--search .search__input:-ms-input-placeholder {
  color: #BFBFBF;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}
.modal--search .search__input::-ms-input-placeholder {
  color: #BFBFBF;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}
.modal--search .search__input::placeholder {
  color: #BFBFBF;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
}
.modal--search .search__results {
  min-height: 0;
  -webkit-transition: min-height 1s;
  -o-transition: min-height 1s;
  transition: min-height 1s;
}
.modal--search .search__results a {
  color: #000000;
}
.modal--search .search__results ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.modal--search .search__results .result {
  border-bottom: solid 1px #FAFAFA;
}
.modal--search .search__results .result a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 12px 16px;
  /* 9 */
  padding: 0.75rem 1rem;
  /* 9 */
}
.modal--search .search__results .result:hover {
  background-color: #D5F2FF;
}
.modal--search .search__results .result--image {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-width: 60px;
  /* 9 */
  min-width: 3.75rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 60px;
  /* 9 */
  width: 3.75rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 60px;
  /* 9 */
  height: 3.75rem;
  /* 9 */
  background-image: url("images/placeholder-item.svg");
  background-size: cover;
  background-position: center;
}
.modal--search .search__results .result-text {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 20px;
  /* 9 */
  padding-left: 1.25rem;
  /* 9 */
}
.modal--search .search__results .result--title {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
  line-height: 1.4;
  font-weight: 500;
  color: #404040;
}
.modal--search .search__results .result--excerpt {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 0.75rem;
  /* 9 */
  color: #808080;
  line-height: 1.2;
  margin-top: 4px;
}
.modal--search .search__results .no-result {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 20px;
  /* 9 */
  padding: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
  color: #404040;
}

.modal--socials .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 12px;
}
.modal--socials .social {
  width: 40px;
  height: 40px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}
.modal--socials .social svg {
  width: 34px;
  height: 34px;
  color: #004D70;
}
.modal--socials .social:hover svg {
  color: #003750;
}
.modal--socials .newsletter {
  display: block;
  background: #fdc006;
  color: #4a3300;
  font-size: 14px;
  padding: 8px 12px;
}
.modal--socials .newsletter:hover {
  background: #d49e02;
}

section.newsletter {
  --tone: #404040;
  --tone-light: #606060;
  --tone-dark: #202020;
  background: #FDC006;
}
section.newsletter {
  padding-bottom: 180px;
}
@media screen and (min-width: 360px) {
  section.newsletter {
    padding-bottom: calc(180px + -120 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  section.newsletter {
    padding-bottom: 60px;
  }
}
section.newsletter .content {
  position: relative;
  z-index: 0;
}
section.newsletter .content > p {
  color: #404040;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: -20px;
  /* 9 */
  margin-top: -1.25rem;
  /* 9 */
}
section.newsletter .content::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background: url("images/newsletter-mailbox.svg") no-repeat;
  background-position: bottom right;
}
section.newsletter .content::before {
  bottom: -180px;
}
@media screen and (min-width: 360px) {
  section.newsletter .content::before {
    bottom: calc(-180px + 120 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  section.newsletter .content::before {
    bottom: -60px;
  }
}
section.newsletter .content::before {
  right: 20px;
}
@media screen and (min-width: 360px) {
  section.newsletter .content::before {
    right: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  section.newsletter .content::before {
    right: 40px;
  }
}
section.newsletter .content::before {
  background-size: 130px;
}
@media screen and (min-width: 360px) {
  section.newsletter .content::before {
    background-size: calc(130px + 52 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  section.newsletter .content::before {
    background-size: 182px;
  }
}

form.hf-form[data-title=Newsletter] label[for] {
  display: none;
}
form.hf-form[data-title=Newsletter] .hf-fields-wrap {
  display: -ms-grid;
  display: grid;
  gap: 8px 24px;
  -ms-grid-rows: auto 8px auto;
  grid-template-rows: auto auto;
  -ms-grid-columns: auto 24px auto;
  grid-template-columns: auto auto;
}
form.hf-form[data-title=Newsletter] .hf-fields-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
form.hf-form[data-title=Newsletter] .hf-fields-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
form.hf-form[data-title=Newsletter] .hf-fields-wrap > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
form.hf-form[data-title=Newsletter] .hf-fields-wrap > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
form.hf-form[data-title=Newsletter] .newsletter__email input {
  background-color: white;
  width: 100%;
}
form.hf-form[data-title=Newsletter] .newsletter__email input::-webkit-input-placeholder {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  color: #BFBFBF;
}
form.hf-form[data-title=Newsletter] .newsletter__email input::-moz-placeholder {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  color: #BFBFBF;
}
form.hf-form[data-title=Newsletter] .newsletter__email input:-ms-input-placeholder {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  color: #BFBFBF;
}
form.hf-form[data-title=Newsletter] .newsletter__email input::-ms-input-placeholder {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  color: #BFBFBF;
}
form.hf-form[data-title=Newsletter] .newsletter__email input::placeholder {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  color: #BFBFBF;
}
form.hf-form[data-title=Newsletter] .newsletter__privacy {
  font-size: 14px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
form.hf-form[data-title=Newsletter] .newsletter__privacy input {
  background-color: white;
}
form.hf-form[data-title=Newsletter] .newsletter__submit {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-column: 2;
      grid-column-start: 2;
}
form.hf-form[data-title=Newsletter] .newsletter__submit input {
  background-color: #202020 !important;
}
form.hf-form[data-title=Newsletter] .hf-message {
  color: white;
  padding: 4px 12px;
  border-radius: 4px;
  background: black;
  font-size: 16px;
}
form.hf-form[data-title=Newsletter] .hf-message-success {
  background: green;
}
form.hf-form[data-title=Newsletter] .hf-message-warning {
  background: red;
}

.pagination-2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  background: #003750;
}
.pagination-2:first-child {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 1.25rem;
  /* 9 */
}
.pagination-2:last-child {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 20px;
  /* 9 */
  margin-top: 1.25rem;
  /* 9 */
}
.pagination-2 .pagination__arrow a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 48px;
  /* 9 */
  width: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 48px;
  /* 9 */
  height: 3rem;
  /* 9 */
  background-image: url("images/arrow-previous.svg");
  border-right: solid 1px #004D70;
}
.pagination-2 .pagination__arrow a:hover {
  background-color: #004D70;
}
.pagination-2 .pagination__arrow.pagination__arrow--next a {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pagination-2 .pagination__page {
  text-transform: capitalize;
  font-weight: 500;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 20px;
  /* 9 */
  padding-left: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 20px;
  /* 9 */
  padding-right: 1.25rem;
  /* 9 */
}

.slice {
  position: relative;
  background-position: center center;
}
.slice {
  padding-top: 60px;
}
@media screen and (min-width: 360px) {
  .slice {
    padding-top: calc(60px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice {
    padding-top: 80px;
  }
}
.slice {
  padding-bottom: 60px;
}
@media screen and (min-width: 360px) {
  .slice {
    padding-bottom: calc(60px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice {
    padding-bottom: 80px;
  }
}
.slice.background-position-full {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.slice.background-position-center {
  background-repeat: repeat-x;
}
.slice.background-position-left {
  background-position-x: left;
  background-repeat: no-repeat;
}
.slice .content {
  position: relative;
  background-repeat: no-repeat;
  background-position-x: right;
}
.slice .content {
  background-size: 120px;
}
@media screen and (min-width: 360px) {
  .slice .content {
    background-size: calc(120px + 180 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .content {
    background-size: 300px;
  }
}
.slice .content.foreground-position-top {
  background-position-y: top;
}
.slice .content.foreground-position-top {
  padding-top: 140px;
}
@media screen and (min-width: 360px) {
  .slice .content.foreground-position-top {
    padding-top: calc(140px + -20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .content.foreground-position-top {
    padding-top: 120px;
  }
}
.slice .content.foreground-position-bottom {
  background-position-y: bottom;
}
.slice .content.foreground-position-bottom {
  padding-bottom: 140px;
}
@media screen and (min-width: 360px) {
  .slice .content.foreground-position-bottom {
    padding-bottom: calc(140px + -20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .content.foreground-position-bottom {
    padding-bottom: 120px;
  }
}
.slice .content > div:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 40px;
  /* 9 */
  margin-bottom: 2.5rem;
  /* 9 */
}
.slice .slice__side {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--tone-light)), to(var(--tone)));
  background: -o-linear-gradient(var(--tone-light), var(--tone));
  background: linear-gradient(var(--tone-light), var(--tone));
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
}
.slice .slice__side .side__title {
  font-family: "Proto Grotesk", sans-serif;
  font-weight: bold;
  background: var(--tone);
  color: #ffffff;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}
.slice .slice__side .side__title {
  font-size: 20px;
}
@media screen and (min-width: 360px) {
  .slice .slice__side .side__title {
    font-size: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__side .side__title {
    font-size: 30px;
  }
}
.slice .slice__side .side__title {
  padding: 30px;
}
@media screen and (min-width: 360px) {
  .slice .slice__side .side__title {
    padding: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__side .side__title {
    padding: 40px;
  }
}
.slice .slice__side .side__intro {
  color: #ffffff;
}
.slice .slice__side .side__intro {
  padding-top: 30px;
}
@media screen and (min-width: 360px) {
  .slice .slice__side .side__intro {
    padding-top: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__side .side__intro {
    padding-top: 40px;
  }
}
.slice .slice__side .side__intro {
  padding-left: 30px;
}
@media screen and (min-width: 360px) {
  .slice .slice__side .side__intro {
    padding-left: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__side .side__intro {
    padding-left: 40px;
  }
}
.slice .slice__side .side__intro {
  padding-right: 30px;
}
@media screen and (min-width: 360px) {
  .slice .slice__side .side__intro {
    padding-right: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__side .side__intro {
    padding-right: 40px;
  }
}
.slice .slice__side.slice--tone-yellow .side__intro {
  color: #404040;
}
.slice .slice__side .side__items {
  padding: 30px;
}
@media screen and (min-width: 360px) {
  .slice .slice__side .side__items {
    padding: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__side .side__items {
    padding: 40px;
  }
}
@media screen and (min-width: 1000px) {
  .slice .slice__side {
    position: absolute;
    z-index: 1;
    right: 0;
    min-height: 100%;
  }
  .slice .slice__side {
    top: -80px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  .slice .slice__side {
    top: calc(-80px + -20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  .slice .slice__side {
    top: -100px;
  }
}
@media screen and (min-width: 1000px) {
  .slice .slice__side {
    bottom: -120px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  .slice .slice__side {
    bottom: calc(-120px + -20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  .slice .slice__side {
    bottom: -140px;
  }
}
@media screen and (min-width: 1000px) {
  .slice .slice__side {
    width: 240px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  .slice .slice__side {
    width: calc(240px + 160 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  .slice .slice__side {
    width: 400px;
  }
}
@media screen and (min-width: 1000px) {
  .slice .slice__side {
    margin-right: 20px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  .slice .slice__side {
    margin-right: calc(20px + 20 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  .slice .slice__side {
    margin-right: 40px;
  }
}
.slice .slice__title {
  color: #ffffff;
}
.slice .slice__title h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slice .slice__title h2 {
  font-size: 22px;
}
@media screen and (min-width: 360px) {
  .slice .slice__title h2 {
    font-size: calc(22px + 14 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__title h2 {
    font-size: 36px;
  }
}
.slice .slice__title h2 {
  padding-bottom: 12px;
}
@media screen and (min-width: 360px) {
  .slice .slice__title h2 {
    padding-bottom: calc(12px + 4.5 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__title h2 {
    padding-bottom: 16.5px;
  }
}
.slice .slice__title span {
  position: relative;
  display: block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 12px 20px 8px 20px;
  /* 9 */
  padding: 0.75rem 1.25rem 0.5rem 1.25rem;
  /* 9 */
}
.slice .slice__title span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.slice .slice__title span:first-child {
  background-color: var(--tone-dark);
}
.slice .slice__title span:first-child::before {
  border-top: solid var(--tone-dark);
  right: -8px;
  border-right: 8px solid transparent;
}
.slice .slice__title span:first-child::before {
  border-top-width: 48px;
}
@media screen and (min-width: 360px) {
  .slice .slice__title span:first-child::before {
    border-top-width: calc(48px + 18 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__title span:first-child::before {
    border-top-width: 66px;
  }
}
.slice .slice__title span:nth-child(2) {
  background-color: var(--tone);
  left: 6px;
}
.slice .slice__title span:nth-child(2) {
  top: 12px;
}
@media screen and (min-width: 360px) {
  .slice .slice__title span:nth-child(2) {
    top: calc(12px + 4.5 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__title span:nth-child(2) {
    top: 16.5px;
  }
}
.slice .slice__title span:nth-child(2)::before {
  border-bottom: solid var(--tone);
  left: -8px;
  border-left: 8px solid transparent;
}
.slice .slice__title span:nth-child(2)::before {
  border-bottom-width: 48px;
}
@media screen and (min-width: 360px) {
  .slice .slice__title span:nth-child(2)::before {
    border-bottom-width: calc(48px + 18 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__title span:nth-child(2)::before {
    border-bottom-width: 66px;
  }
}
.slice .slice__intro {
  border-left: solid 4px var(--tone-dark);
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  max-width: 600px;
  /* 9 */
  max-width: 37.5rem;
  /* 9 */
}
.slice .slice__intro {
  font-size: 16px;
}
@media screen and (min-width: 360px) {
  .slice .slice__intro {
    font-size: calc(16px + 4 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__intro {
    font-size: 20px;
  }
}
.slice .slice__intro {
  padding-left: 20px;
}
@media screen and (min-width: 360px) {
  .slice .slice__intro {
    padding-left: calc(20px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .slice .slice__intro {
    padding-left: 20px;
  }
}
.slice.background-brightness-dark .slice__intro {
  color: #ffffff;
}

.slice .slice__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.slice .slice__socials .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 10px;
  /* 9 */
  margin-bottom: 0.625rem;
  /* 9 */
}
.slice .slice__socials .social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 0.875rem;
  /* 9 */
  color: #606060;
  font-weight: 500;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 48px;
  /* 9 */
  min-height: 3rem;
  /* 9 */
  -webkit-transition: 0.3s color cubic-bezier(1, 0, 0, 1);
  -o-transition: 0.3s color cubic-bezier(1, 0, 0, 1);
  transition: 0.3s color cubic-bezier(1, 0, 0, 1);
}
.slice .slice__socials .social a::before {
  content: "";
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 48px;
  /* 9 */
  width: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 48px;
  /* 9 */
  height: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 10px;
  /* 9 */
  margin-right: 0.625rem;
  /* 9 */
  background-color: #ffffff;
  border-radius: 100%;
  -webkit-transition: 0.3s -webkit-box-shadow cubic-bezier(1, 0, 0, 1);
  transition: 0.3s -webkit-box-shadow cubic-bezier(1, 0, 0, 1);
  -o-transition: 0.3s box-shadow cubic-bezier(1, 0, 0, 1);
  transition: 0.3s box-shadow cubic-bezier(1, 0, 0, 1);
  transition: 0.3s box-shadow cubic-bezier(1, 0, 0, 1), 0.3s -webkit-box-shadow cubic-bezier(1, 0, 0, 1);
}
.slice .slice__socials .social a:hover {
  color: #000000;
}
.slice .slice__socials .social a:hover::before {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.slice .slice__socials .social:not(:last-child) {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 30px;
  /* 9 */
  margin-right: 1.875rem;
  /* 9 */
}
.slice .slice__socials .social.social--facebook a::before {
  background-image: url("images/socials/facebook.svg");
}
.slice .slice__socials .social.social--twitter a::before {
  background-image: url("images/socials/twitter.svg");
}
.slice .slice__socials .social.social--instagram a::before {
  background-image: url("images/socials/instagram.svg");
}
.slice .slice__socials .social.social--youtube a::before {
  background-image: url("images/socials/youtube.svg");
}
.slice .slice__socials .social.social--flickr a::before {
  background-image: url("images/socials/flickr.svg");
}
.slice .slice__socials .social.social--linkedin a::before {
  background-image: url("images/socials/linkedin.svg");
}

.page-template-template-nuestros-eventos section.eventos h2,
.page-template-template-el-institut-recomienda section.eventos h2 {
  color: #ffffff;
  background-color: #003750;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 80px;
  /* 9 */
  min-height: 5rem;
  /* 9 */
}
.page-template-template-nuestros-eventos section.eventos h2,
.page-template-template-el-institut-recomienda section.eventos h2 {
  font-size: 40px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2,
.page-template-template-el-institut-recomienda section.eventos h2 {
    font-size: calc(40px + 12 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2,
.page-template-template-el-institut-recomienda section.eventos h2 {
    font-size: 52px;
  }
}
.page-template-template-nuestros-eventos section.eventos h2 .past,
.page-template-template-el-institut-recomienda section.eventos h2 .past {
  font-size: 26px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2 .past,
.page-template-template-el-institut-recomienda section.eventos h2 .past {
    font-size: calc(26px + 4 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2 .past,
.page-template-template-el-institut-recomienda section.eventos h2 .past {
    font-size: 30px;
  }
}
.page-template-template-nuestros-eventos section.eventos h2 .past,
.page-template-template-el-institut-recomienda section.eventos h2 .past {
  padding-top: 8px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2 .past,
.page-template-template-el-institut-recomienda section.eventos h2 .past {
    padding-top: calc(8px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2 .past,
.page-template-template-el-institut-recomienda section.eventos h2 .past {
    padding-top: 8px;
  }
}
.page-template-template-nuestros-eventos section.eventos h2 .hoy,
.page-template-template-el-institut-recomienda section.eventos h2 .hoy {
  font-size: 36px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2 .hoy,
.page-template-template-el-institut-recomienda section.eventos h2 .hoy {
    font-size: calc(36px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2 .hoy,
.page-template-template-el-institut-recomienda section.eventos h2 .hoy {
    font-size: 36px;
  }
}
.page-template-template-nuestros-eventos section.eventos h2 .hoy,
.page-template-template-el-institut-recomienda section.eventos h2 .hoy {
  padding-top: 8px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2 .hoy,
.page-template-template-el-institut-recomienda section.eventos h2 .hoy {
    padding-top: calc(8px + -6 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2 .hoy,
.page-template-template-el-institut-recomienda section.eventos h2 .hoy {
    padding-top: 2px;
  }
}
.page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
  padding-top: 10px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
    padding-top: calc(10px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
    padding-top: 10px;
  }
}
.page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
  padding-left: 12px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
    padding-left: calc(12px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
    padding-left: 12px;
  }
}
.page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
  padding-right: 12px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
    padding-right: calc(12px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2 .day,
.page-template-template-el-institut-recomienda section.eventos h2 .day {
    padding-right: 12px;
  }
}
.page-template-template-nuestros-eventos section.eventos h2 .weekday,
.page-template-template-nuestros-eventos section.eventos h2 .month,
.page-template-template-el-institut-recomienda section.eventos h2 .weekday,
.page-template-template-el-institut-recomienda section.eventos h2 .month {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}
.page-template-template-nuestros-eventos section.eventos h2 .weekday,
.page-template-template-nuestros-eventos section.eventos h2 .month,
.page-template-template-el-institut-recomienda section.eventos h2 .weekday,
.page-template-template-el-institut-recomienda section.eventos h2 .month {
  font-size: 16px;
}
@media screen and (min-width: 360px) {
  .page-template-template-nuestros-eventos section.eventos h2 .weekday,
.page-template-template-nuestros-eventos section.eventos h2 .month,
.page-template-template-el-institut-recomienda section.eventos h2 .weekday,
.page-template-template-el-institut-recomienda section.eventos h2 .month {
    font-size: calc(16px + 0 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .page-template-template-nuestros-eventos section.eventos h2 .weekday,
.page-template-template-nuestros-eventos section.eventos h2 .month,
.page-template-template-el-institut-recomienda section.eventos h2 .weekday,
.page-template-template-el-institut-recomienda section.eventos h2 .month {
    font-size: 16px;
  }
}
.page-template-template-nuestros-eventos #newMonthForm input[type=submit],
.page-template-template-el-institut-recomienda #newMonthForm input[type=submit] {
  color: #fff;
  background: #003750;
  font-size: 18px;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  height: 44px;
  cursor: pointer;
  border-radius: 4px;
}
.page-template-template-nuestros-eventos #newMonthForm .selectWrap,
.page-template-template-el-institut-recomienda #newMonthForm .selectWrap {
  position: relative;
  display: inline-block;
}
.page-template-template-nuestros-eventos #newMonthForm .selectWrap svg,
.page-template-template-el-institut-recomienda #newMonthForm .selectWrap svg {
  position: absolute;
  z-index: 1;
  right: 16px;
  width: 16px;
  height: 16px;
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.page-template-template-nuestros-eventos #newMonthForm select,
.page-template-template-el-institut-recomienda #newMonthForm select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.page-template-template-nuestros-eventos #newMonthForm select::-ms-expand,
.page-template-template-el-institut-recomienda #newMonthForm select::-ms-expand {
  display: none;
}
.page-template-template-nuestros-eventos #newMonthForm select,
.page-template-template-el-institut-recomienda #newMonthForm select {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "select";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-width: 15ch;
  max-width: 30ch;
  padding: 12px 20px;
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  line-height: 1.1;
  border-radius: 4px;
  background-color: #003750;
}
.page-template-template-nuestros-eventos #newMonthForm select select, .page-template-template-nuestros-eventos #newMonthForm select::after,
.page-template-template-el-institut-recomienda #newMonthForm select select,
.page-template-template-el-institut-recomienda #newMonthForm select::after {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: select;
}
.page-template-template-nuestros-eventos #newMonthForm label,
.page-template-template-el-institut-recomienda #newMonthForm label {
  font-size: 1.125rem;
  font-weight: 500;
}
.page-template-template-nuestros-eventos #newMonthForm .select + label,
.page-template-template-el-institut-recomienda #newMonthForm .select + label {
  margin-top: 2rem;
}

body.home .slice__title:not(.slice__title--classic) h2 {
  background-size: 100% 100%;
}
body.home .slice__title:not(.slice__title--classic) h2 {
  width: 250px;
}
@media screen and (min-width: 360px) {
  body.home .slice__title:not(.slice__title--classic) h2 {
    width: calc(250px + 332 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body.home .slice__title:not(.slice__title--classic) h2 {
    width: 582px;
  }
}
body.home .slice__title:not(.slice__title--classic) h2 {
  height: 63px;
}
@media screen and (min-width: 360px) {
  body.home .slice__title:not(.slice__title--classic) h2 {
    height: calc(63px + 83 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  body.home .slice__title:not(.slice__title--classic) h2 {
    height: 146px;
  }
}
body.home .slice__title:not(.slice__title--classic) h2 span {
  display: none;
}
body.home .slice__title--ultimas-noticias h2 {
  background-image: url("images/titles-alt/ultimas-noticias.svg");
}
body.home .slice__title--aprender-frances h2 {
  background-image: url("images/titles-alt/aprender-frances.svg");
}
body.home .slice__title--eventos-culturales h2 {
  background-image: url("images/titles-alt/eventos-culturales.svg");
}

.new-layout {
  --count-asides: 1;
  display: -ms-grid;
  display: grid;
  max-width: 1440px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
.new-layout {
  padding-left: 10px;
}
@media screen and (min-width: 360px) {
  .new-layout {
    padding-left: calc(10px + 14 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-layout {
    padding-left: 24px;
  }
}
.new-layout {
  padding-right: 10px;
}
@media screen and (min-width: 360px) {
  .new-layout {
    padding-right: calc(10px + 14 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-layout {
    padding-right: 24px;
  }
}
.new-layout {
  padding-top: 30px;
}
@media screen and (min-width: 360px) {
  .new-layout {
    padding-top: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-layout {
    padding-top: 40px;
  }
}
.new-layout {
  padding-bottom: 30px;
}
@media screen and (min-width: 360px) {
  .new-layout {
    padding-bottom: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-layout {
    padding-bottom: 40px;
  }
}
.new-layout .content, .new-layout section {
  padding: 0 !important;
  margin: 0 !important;
}

.new-prose {
  background: white;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  word-break: break-word;
}
.new-prose {
  padding-top: 20px;
}
@media screen and (min-width: 360px) {
  .new-prose {
    padding-top: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-prose {
    padding-top: 30px;
  }
}
.new-prose {
  padding-bottom: 20px;
}
@media screen and (min-width: 360px) {
  .new-prose {
    padding-bottom: calc(20px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-prose {
    padding-bottom: 30px;
  }
}
.new-prose {
  padding-left: 30px;
}
@media screen and (min-width: 360px) {
  .new-prose {
    padding-left: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-prose {
    padding-left: 40px;
  }
}
.new-prose {
  padding-right: 30px;
}
@media screen and (min-width: 360px) {
  .new-prose {
    padding-right: calc(30px + 10 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1440px) {
  .new-prose {
    padding-right: 40px;
  }
}

.new-aside {
  width: 100%;
  word-break: break-word;
  font-size: 16px;
}

.new-form a {
  text-decoration: underline;
}

.new-meta {
  position: relative;
}

@media screen and (max-width: 999px) {
  .new-prose {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .new-meta {
    margin-top: -60px;
  }

  .new-aside {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1000px) {
  .new-layout {
    -ms-grid-columns: 1fr 400px;
    grid-template-columns: 1fr 400px;
  }
  .new-layout {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 360px) {
  .new-layout {
    -webkit-column-gap: calc(10px + 50 * ((100vw - 360px) / 1080));
       -moz-column-gap: calc(10px + 50 * ((100vw - 360px) / 1080));
            column-gap: calc(10px + 50 * ((100vw - 360px) / 1080));
  }
}
@media screen and (min-width: 1000px) and (min-width: 1440px) {
  .new-layout {
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
  }
}
@media screen and (min-width: 1000px) {
  .new-prose {
    grid-row-start: span 5;
  }
}
@media screen and (min-width: 1000px) {
  .new-aside {
    -ms-grid-column: 2;
        grid-column-start: 2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .new-aside:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1000px) {
  .new-meta {
    margin-top: -160px;
  }
}
@media screen and (min-width: 1000px) {
  .new-sticky {
    position: sticky;
    top: 132px;
  }
}
.slide-up-enter {
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.slide-up-enter-start {
  opacity: 0;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
}

.slide-up-enter-end {
  opacity: 100;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.slide-up-leave {
  -webkit-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.slide-up-leave-end {
  opacity: 0;
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
}
/*# sourceMappingURL=style.css.map */