/* CSS Mini Reset */

html, body, div, img, figure { margin: 0; padding: 0; }
html, body { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }
img { border: 0; }
a { color: inherit; text-decoration: none; margin: 0; padding: 0; }
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, 
h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, 
tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; 
    font-family: inherit; font-size: 100%; vertical-align: baseline; }


/* Site Styles */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

html, body {
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  background: #fff;
  color: #000;
  min-height: 100%;
}

body {
  overflow-x: hidden;

  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  flex-direction: column;
}

nav, header, footer {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  outline: 0;
}

#site-title {
  cursor: default;
}

.break-mb {
  display: none;
}
@media screen and (max-width: 475px) {
  .break-mb {
    display: block;
  }
}
@media screen and (min-width: 476px) {
  .break-mb {
    display: none;
  }
}

.uppercase {
  text-transform: uppercase;
}

.row-space-between {
  display: flex;
  justify-content: space-between;
}

a {
  color: #6446ff;
}
.active {
  color: #000000;
}

p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
p:not(:last-child) {
  margin-bottom: 1em;
}


/* Pin footer to the bottom */

body {
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}


/* Navigation (header & footer) | Specific */

#lang-switch div, #menu div, #social-links div {
  display: inline-block;
}

#lang-switch div:after {
  content: '|';
  white-space: pre;
  color: #000000;
  pointer-events: none;
}

#menu div:after {
  content: ' |';
  white-space: pre;
  color: #000000;
  pointer-events: none;
}

#menu div:last-of-type:after, #lang-switch div:last-of-type:after {
  content: none;
}

#social-links div:after {
  content: ',';
  white-space: pre;
  color: #000000;
  pointer-events: none;
}
#social-links div:last-of-type:after {
  content: none;
}

#menu {
  padding-top: .1rem; 
}


.video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

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


ul, ol {
  list-style-position: inside;
}
ul:not(:last-child), ol:not(:last-child) {
  margin-bottom: 1em;
}