/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }

.flickity-prev-next-button.next { right: 10px; }

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * 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
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 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 style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 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 and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}

.pika-single:after { clear: both }

.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */

.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

:root {
    /*
     * Primary colors
     */
    --color-primary-30: #e5271d;
    --color-primary-50: #e5271d;
    --color-primary-70: #e5271d;

    /*
     * Secondary colors
     */
    --color-secondary-30: rgb(126, 148, 184);
    --color-secondary-40: #819a9b;
    --color-secondary-50: rgb(67, 82, 118);

    /*
     * Ternary colors
     */
    --color-ternary-50: #8ba88f;

    /*
     * Activity colors
     */
    --color-activity-40: #819a9b;
    --color-activity-50: #618182;

    /*
     * Speakers and Authors colors
     */
    --color-person-40: #a2b9a5;
    --color-person-50: #8ba88f;

    /*
     * Publication colors
     */
    --color-publication-40: #d1a468;
    --color-publication-50: #c68d42;

    /*
     * Review colors
     */
    --color-review-30: #ac8e8e;
    --color-review-40: #977272;
    --color-review-50: #7d4f4f;

    /*
     * Review membership colors
     */
    --color-membership-40: #697591;
    --color-membership-50: #435276;

    /*
     * Essay colors
     */
    --color-essay-40: #9d9ca9;
    --color-essay-50: #9d9ca9;

    /*
     * Ribs colors
     */
    --color-rib-40: #785f70;
    --color-rib-50: #785f70;

    /*
     * Shop colors
     */
    --color-shop-40: #98a9c6;
    --color-shop-50: #7e94b8;

    /*
     * Success and positive colors
     */
    --color-success-50: #54C24B;
    --color-success-70: #25731F;

    /*
     * Alert en negative colors
     */
    --color-alert-50: #D7526D;
    --color-alert-70: #782233;

    /*
     * Neutral colors
     */
    --color-neutral-10: #F1F1F2;
    --color-neutral-20: #8c8c8c;
    --color-neutral-30: #C9C9CE;
    --color-neutral-50: #89898C;
    --color-neutral-70: #484849;
    --color-neutral-90: #131313;

    /*
     * Black and white
     */
    --color-black: #000;
    --color-white: #fff;
}

/*
 * Fonts
 */

@font-face {
    font-family: 'Libre Baskerville';
    src: url('fonts/librebaskerville-regular.woff2') format('woff2'),
    url('fonts/librebaskerville-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('fonts/librebaskerville-italic.woff2') format('woff2'),
    url('fonts/librebaskerville-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('fonts/librebaskerville-bold.woff2') format('woff2'),
    url('fonts/librebaskerville-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-regular.woff2') format('woff2'),
    url('fonts/sourcesanspro-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
 * Media queries
 */

:root {
    /*
     * Set your font
     */

    --font-family-body: 'Libre Baskerville', 'Times New Roman', Times, serif;
    --font-family-heading: 'Source Sans Pro', sans-serif;

    /*
     * Set your font size
     */
    --font-size-base: 100%;

    --font-size-10: 0.75rem;
    --font-size-20: 0.875rem;
    --font-size-30: 1rem;
    --font-size-40: 1.125rem;
    --font-size-50: 1.25rem;
    --font-size-60: 1.5rem;
    --font-size-70: 1.75rem;
    --font-size-80: 2rem;

    /*
     * Default spacing for margin-bottom and other paddings
     */
    --spacing: 1rem;
    --line-height: 1.5;

    /*
     * Grid gutter used in tools.grid, 12 columns is standard
     */
    --gutter: 25px;


    /*
     * Maximum width of the website
     */
    --max-width: 1140px;
    --single-column-max-width: 600px;


    /*
     * Adjust the border-radius
     */
    --border-radius-10: 0.125rem;
    --border-radius-50: 5rem;


    /*
     * Z-index plan
     */
    --z-index-10: 10;
    --z-index-20: 20;
    --z-index-30: 30;


    /*
     * Animation beziers
     */
    --bezier-a: cubic-bezier(0.075, 0.82, 0.165, 1);
}

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

html {
  color: #131313;
  color: var(--color-neutral-90);
  font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
  font-family: var(--font-family-body);
  font-size: 100%;
  font-size: var(--font-size-base);
  font-weight: normal;
  line-height: 1.8em;
}

/*
 * Headings
 */

h1, h2, legend, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-family: var(--font-family-heading);
    font-weight: 600;
    font-size: 1.25rem;
    font-size: var(--font-size-50);
    margin: 0 0 0.25em 0;
}

/*
 * Paragraphs
 */

p {
    margin: 0 auto 1rem auto;
    margin: 0 auto var(--spacing) auto;
}

/*
 * Links
 */

a {
    color: rgb(67, 82, 118);
    color: var(--color-secondary-50);
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    color: #819a9b;
    color: var(--color-secondary-40);
}

/*
 * Other
 */

small {
    color: #89898C;
    color: var(--color-neutral-50);
    font-size: 0.875rem;
    font-size: var(--font-size-20);
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

code, pre {
    font-family: 'courier new', monospace;
}

pre {
    margin: 0;
    overflow-x: auto;
}

abbr {
    border-bottom: 1px dotted #89898C;
    border-bottom: 1px dotted var(--color-neutral-50);
}

del {
    text-decoration: line-through;
}

mark {
    background: color(yellow alpha(-50%));
}

figure {
    margin: 0;
}

hr {
    background-color: transparent;
    border: solid #C9C9CE;
    border: solid var(--color-neutral-30);
    border-width: 1px 0 0;
    clear: both;
    margin: 2.5rem 1rem;
    margin: 2.5rem var(--spacing);
}

ul,
ol {
    margin: 0;
    padding: 0;
}

.o-container {
  margin: auto;
  max-width: 1140px;
  max-width: var(--max-width);
  padding: 1rem 1rem 0.1px 1rem;
  padding: var(--spacing) var(--spacing) 0.1px var(--spacing);
  position: relative;
  width: 100%
}

.o-container:before {
  content: '';
  display: table
}

.o-container:after {
  content: '';
  display: table;
  clear: both
}

@media (min-width: 750px) {

.o-container {
    padding: calc(1rem * 2);
    padding: calc(var(--spacing) * 2);
    padding-bottom: 1rem;
    padding-bottom: var(--spacing)
}
  }

.o-debug *:not(input):not(textarea):not(select) {
    background-color: rgba(0, 0, 255, 0.1);
}

.o-row:before {
    content: '';
    display: table;
}

.o-row:after {
    content: '';
    display: table;
    clear: both;
}

@media (min-width: 600px) {

.o-1-1 {
        width: calc(99.9% * 1 - (30px - 30px * 1))
}

.o-1-1:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-1-1:last-child {
        margin-right: 0
}

.o-1-1:nth-child(1n) {
        margin-right: 0;
        float: right
}

.o-1-1:nth-child(1n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-1-2 {
        width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
}

.o-1-2:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-1-2:last-child {
        margin-right: 0
}

.o-1-2:nth-child(2n) {
        margin-right: 0;
        float: right
}

.o-1-2:nth-child(2n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-1-3 {
        width: calc(99.9% * 1/3 - (30px - 30px * 1/3))
}

.o-1-3:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-1-3:last-child {
        margin-right: 0
}

.o-1-3:nth-child(3n) {
        margin-right: 0;
        float: right
}

.o-1-3:nth-child(3n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-2-3 {
        width: calc(99.9% * 2/3 - (30px - 30px * 2/3))
}

.o-2-3:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-2-3:last-child {
        margin-right: 0
}

.o-2-3:nth-child(3n) {
        margin-right: 0;
        float: right
}

.o-2-3:nth-child(3n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-2-3-single {
        width: calc(99.9% * 2/3 - (30px - 30px * 2/3))
}

.o-2-3-single:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-2-3-single:last-child {
        margin-right: 0
}

.o-2-3-single:nth-child(0n) {
        float: right
}
    }

@media (min-width: 600px) {

.o-1-4 {
        width: calc(99.9% * 1/4 - (30px - 30px * 1/4))
}

.o-1-4:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-1-4:last-child {
        margin-right: 0
}

.o-1-4:nth-child(4n) {
        margin-right: 0;
        float: right
}

.o-1-4:nth-child(4n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-3-4 {
        width: calc(99.9% * 3/4 - (30px - 30px * 3/4))
}

.o-3-4:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-3-4:last-child {
        margin-right: 0
}

.o-3-4:nth-child(4n) {
        margin-right: 0;
        float: right
}

.o-3-4:nth-child(4n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-1-5 {
        width: calc(99.9% * 1/5 - (30px - 30px * 1/5))
}

.o-1-5:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-1-5:last-child {
        margin-right: 0
}

.o-1-5:nth-child(5n) {
        margin-right: 0;
        float: right
}

.o-1-5:nth-child(5n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-1-6 {
        width: calc(99.9% * 1/6 - (30px - 30px * 1/6))
}

.o-1-6:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-1-6:last-child {
        margin-right: 0
}

.o-1-6:nth-child(6n) {
        margin-right: 0;
        float: right
}

.o-1-6:nth-child(6n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-2-6 {
        width: calc(99.9% * 2/6 - (30px - 30px * 2/6))
}

.o-2-6:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-2-6:last-child {
        margin-right: 0
}

.o-2-6:nth-child(6n) {
        margin-right: 0;
        float: right
}

.o-2-6:nth-child(6n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-3-6 {
        width: calc(99.9% * 3/6 - (30px - 30px * 3/6))
}

.o-3-6:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-3-6:last-child {
        margin-right: 0
}

.o-3-6:nth-child(6n) {
        margin-right: 0;
        float: right
}

.o-3-6:nth-child(6n + 1) {
        clear: both
}
    }

@media (min-width: 600px) {

.o-5-6 {
        width: calc(99.9% * 5/6 - (30px - 30px * 5/6))
}

.o-5-6:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none
}

.o-5-6:last-child {
        margin-right: 0
}

.o-5-6:nth-child(6n) {
        margin-right: 0;
        float: right
}

.o-5-6:nth-child(6n + 1) {
        clear: both
}
    }

.o-main {
    margin-top: 1rem;
    margin-top: var(--spacing);
}

.o-main > .o-container {
    padding-top: 0;
}

#place_order,
.checkout-button {
    background-color: #e5271d !important;
    background-color: var(--color-primary-50) !important;
}

.cart-contents {
    margin-left: .5rem;
    float: right;
    color: #000;
    color: var(--color-black);
}

.cart-contents:before {
    font-family: WooCommerce;
    content: "\e01d";
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    padding-right: 5px;
    vertical-align: bottom;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
    color: #000;
    color: var(--color-black);;
    background-color: #e5271d;;
    background-color: var(--color-primary-50);
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}

.woocommerce-MyAccount-navigation-link {
    list-style-type: none;
}

.woocommerce-MyAccount-content a {
    text-decoration: underline;
}

.c-account {
    padding: 0px 6px;
    float: right; 
}

.c-account a {
    color: #484849;
    color: var(--color-neutral-70);
}

.c-account a:hover {
    color: #e5271d;
    color: var(--color-primary-30);
}

.c-archive:before {
    content: '';
    display: table;
}

.c-archive:after {
    content: '';
    display: table;
    clear: both;
}

.c-archive__content:before {
    content: '';
    display: table;
}

.c-archive__content:after {
    content: '';
    display: table;
    clear: both;
}

.c-archive__overview:before {
    content: '';
    display: table;
}

.c-archive__overview:after {
    content: '';
    display: table;
    clear: both;
}

.c-article {
    margin-top: 1rem;
    margin-top: var(--spacing);
    margin-bottom: calc(1rem * 2);
    margin-bottom: calc(var(--spacing) * 2);
}

.c-article:before {
    content: '';
    display: table;
}

.c-article:after {
    content: '';
    display: table;
    clear: both;
}

.c-article__title {
    display: inline;
    font-size: 1rem;
    font-size: var(--font-size-30);
    cursor: pointer;
}

.c-article__sub-title {
    font-style: italic;
    font-weight: normal;
}

.c-article__authors .c-article__link {
    text-decoration: underline;
}

.c-article__link--essay {
    text-decoration: underline;
    /* color: var(--color-publication-40); */
}

.c-article__text,
.c-article__meta {
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.c-article.is-visible .c-article__text,
.c-article.is-visible .c-article__meta {
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: visibility 0s, opacity 0.5s linear;
}

.c-article__text blockquote {
    color: #89898C;
    color: var(--color-neutral-50);
    font-style: italic;
    font-size: 1.125rem;
    font-size: var(--font-size-40);
}

.c-article__arrow {
    display: inline-block;
    margin-left: .3rem;
    width: 0;
    height: 0;
    border-left: 5px solid #2f2f2f; /* bottom, add background color here */
    border-bottom: 5px solid transparent;  /* left arrow slant */
    border-top: 5px solid transparent; /* right arrow slant */
    font-size: 0;
    line-height: 0;
}

.c-article.is-visible .c-article__arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2f2f2f;
    border-bottom: none;
}

.c-button {
    display: inline-block;
    padding: calc(1rem / 2);
    padding: calc(var(--spacing) / 2);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    background-color: rgb(67, 82, 118);
    background-color: var(--color-secondary-50);
    color: #fff;
    color: var(--color-white);
    text-decoration: none !important
}

.c-button:hover {
        background-color: #819a9b;
        background-color: var(--color-secondary-40);
        color: #fff;
        color: var(--color-white);
    }

.c-card:before {
    content: '';
    display: table;
}

.c-card:after {
    content: '';
    display: table;
    clear: both;
}

.c-card__title {
    margin-top: 1rem;
    margin-top: var(--spacing);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    font-size: 1.25rem;
    font-size: var(--font-size-50);
}

.c-card__category {
    text-transform: uppercase;
}

.c-card__button {
    display: table;
    padding: calc(1rem / 2);
    padding: calc(var(--spacing) / 2);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    margin-top: 1rem;
    margin-top: var(--spacing);
    background-color: #e5271d;
    background-color: var(--color-primary-50);
    color: #fff;
    color: var(--color-white);
    text-decoration: none
}

.c-card__button:hover {
        background-color: rgb(126, 148, 184);
        background-color: var(--color-secondary-30);
        color: #fff;
        color: var(--color-white);
    }

.c-card--news .c-card__title {
    color: rgb(67, 82, 118);
    color: var(--color-secondary-50);
    line-height: 1.3;
}

.c-card--agenda .c-card__title,
.c-card--newsletter .c-card__title {
    text-transform: uppercase;
    border-bottom: 1px solid #C9C9CE;
    border-bottom: 1px solid var(--color-neutral-30);
    color: #8ba88f;
    color: var(--color-ternary-50);
    font-size: 1.75rem;
    font-size: var(--font-size-70);
    line-height: 1.6;
}

.c-card--newsletter {
    color: rgb(67, 82, 118);
    color: var(--color-secondary-50);
}

.c-card--newsletter label {
    display: block;
    width: 100%;
}

.c-card--newsletter input[type=text],
.c-card--newsletter input[type=email] {
    border: 1px solid #89898C;
    border: 1px solid var(--color-neutral-50);
    border-radius: 0.125rem;
    border-radius: var(--border-radius-10);
    display: block;
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    max-width: 28em;
    padding: calc(1rem / 2);
    padding: calc(var(--spacing) / 2);
    width: 100%;
}

.c-card--newsletter input.mce_inline_error {
    border-color: #e5271d !important;
    border-color: var(--color-primary-50) !important;
}

.c-card--newsletter div.mce_inline_error {
    background-color: #e5271d !important;
    background-color: var(--color-primary-50) !important;
    max-width: 28em;
}

.c-card--newsletter input[type=submit] {
    background-color: rgb(126, 148, 184);
    background-color: var(--color-secondary-30);
    border: 0;
    color: #fff;
    color: var(--color-white);
    cursor: pointer;
    padding: calc(1rem / 2);
    padding: calc(var(--spacing) / 2);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
}

.c-card--newsletter input[type=submit]:hover {
    background-color: rgb(67, 82, 118);
    background-color: var(--color-secondary-50);
}

.c-card--newsletter .c-card__title,
.c-card--agenda .c-card__title {
    color: rgb(67, 82, 118);
    color: var(--color-secondary-50);
    border-bottom: 2px solid rgb(67, 82, 118);
    border-bottom: 2px solid var(--color-secondary-50);
}

.c-card--newsletter .c-card__subtitle {
    color: #89898C;
    color: var(--color-neutral-50);
    font-size: 1.25rem;
    font-size: var(--font-size-50);
    margin: 0;
}

.c-card--agenda table {
    border-spacing: 0;
    width: 100%;
}

.c-card--agenda .c-card__tablecell {
    padding: 1rem;
    padding: var(--spacing);
}

.c-card--agenda .c-card__tablecell:first-child {
    text-transform: uppercase;
    color: #89898C;
    color: var(--color-neutral-50);
    font-family: 'Source Sans Pro', sans-serif;
    font-family: var(--font-family-heading);
    font-weight: 600;
}

.c-card--agenda tr:nth-child(odd) {
    background-color: #C9C9CE;
    background-color: var(--color-neutral-30);
}

.c-card__content > p {
    display: inline;
}

.c-card__image,
.c-card--media .c-card__iframe {
    width: 100%;
}

.c-card__highlight {
    margin: 1rem;
    margin: var(--spacing);
    padding: 1rem;
    padding: var(--spacing);
    background-color: color(#C9C9CE a(50%));
    background-color: color(var(--color-neutral-30) a(50%));
    width: 80%;
}

.c-card--people {
    display: block;
    margin-top: 1rem;
    margin-top: var(--spacing);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    color: #000;
    color: var(--color-black);
}

.c-card--people:before {
    content: '';
    display: table;
}

.c-card--people:after {
    content: '';
    display: table;
    clear: both;
}

.c-card--people .c-card__title {
    margin-top: 0;
    margin-bottom: 0;
}

.c-card--block:before {
    content: '';
    display: table;
}

.c-card--block:after {
    content: '';
    display: table;
    clear: both;
}

.c-card--block {
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    color: #000;
    color: var(--color-black);
}

.c-card--block:hover {
    color: #000;
    color: var(--color-black);
}

.c-card--block .c-card__category {
    color: #c68d42;
    color: var(--color-publication-50);
}

.c-card--block .c-card__title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    font-size: var(--font-size-30);
    font-weight: bold;
}

.c-card--block .c-card__sub-title {
    font-style: italic;
}

.c-card--people .c-card__title {
    margin-top: 0;
}

.c-card--people .c-card__sub-title {
    font-weight: bold;
}

.c-card--people .c-card__content {
    margin-top: 1rem;
    margin-top: var(--spacing);
}

.c-card--featured-product {
    background-color: #98a9c6;
    background-color: var(--color-shop-40);
}

.c-card--activity .c-card__title,
.c-card--people--speaker.c-card--activity:hover {
    color: #618182;
    color: var(--color-activity-50);
}

.c-card--person .c-card__title,
.c-card--people--speaker.c-card--person:hover {
    color: #8ba88f;
    color: var(--color-person-50);
}

.c-card--publication .c-card__title,
.c-card--people--speaker.c-card--publication:hover {
    color: #c68d42;
    color: var(--color-publication-50);
}

.c-card--review .c-card__title,
.c-card--people--speaker.c-card--review:hover {
    color: #7d4f4f;
    color: var(--color-review-50);
}

.c-cardset {
    margin-top: calc(1rem * 2);
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
}

.c-cardset__title {
    text-transform: uppercase;
    font-size: 1.75rem;
    font-size: var(--font-size-70);
    line-height: 1.6;
    color: rgb(126, 148, 184);
    color: var(--color-secondary-30);
}

.c-cardset__content ul {
    margin-left: 1rem;
}

.c-cardset--media {
    lost-column-cycle: 0;
}

.c-cardset--news .c-cardset__title {
    color: rgb(67, 82, 118);
    color: var(--color-secondary-50);
}

.c-cardset--connect .c-cardset__title {
    color: rgb(126, 148, 184);
    color: var(--color-secondary-30);
}

.c-cardset--activity .c-cardset__title {
    color: #618182;
    color: var(--color-activity-50);
}

.c-cardset--person .c-cardset__title {
    color: #8ba88f;
    color: var(--color-person-50);
}

.c-cardset--publication .c-cardset__title {
    color: #c68d42;
    color: var(--color-publication-50);
}

.c-cardset--review .c-cardset__title {
    color: #7d4f4f;
    color: var(--color-review-50);
}

.c-contact {
    background-color: #e5271d;
    background-color: var(--color-primary-50);
    color: #fff;
    color: var(--color-white)
}

@media (min-width: 600px) {

.c-contact {
        display: none
}
    }

.c-contact a {
    color: #fff;
    color: var(--color-white)
}

.c-contact a:hover {
        text-decoration: underline;
    }

.c-contact__title {
    font-size: 1.125rem;
    font-size: var(--font-size-40);
    font-weight: bold;
}

.c-content-blocks:before {
    content: '';
    display: table;
}

.c-content-blocks:after {
    content: '';
    display: table;
    clear: both;
}

.c-content ul {
    margin-left: 1rem;
}

.c-content blockquote {
    color: #89898C;
    color: var(--color-neutral-50);
    font-style: italic;
    font-size: 1.25rem;
    font-size: var(--font-size-50);
    line-height: 1.6;
}

.c-content a {
    text-decoration: underline;
}

.c-cpt {
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    color: #000;
    color: var(--color-black);
    font-size: 0.875rem;
    font-size: var(--font-size-20);
    line-height: 1.5;
    line-height: var(--line-height);
}

.c-cpt__category {
    text-transform: uppercase;
}

.c-cpt__title,
.c-cpt__sub-title,
.c-cpt__person {
    font-weight: bold;
}

.c-cpt__sub-title {
    font-style: italic;
}

.c-cpt__summary {
    margin-top: 1rem;
    margin-top: var(--spacing);
}

.c-cpt--publication .c-cpt__sub-title {
    font-weight: normal;
}

.c-archive--activity .c-cpt__category {
    color: #618182;
    color: var(--color-activity-50);
}

.c-archive--person .c-cpt__category {
    color: #8ba88f;
    color: var(--color-person-50);
}

.c-archive--publication .c-cpt__category {
    color: #c68d42;
    color: var(--color-publication-50);
}

.c-archive--membership .c-cpt__category {
    color: #435276;
    color: var(--color-membership-50);
}

.c-archive--review .c-cpt__category {
    color: #7d4f4f;
    color: var(--color-review-50);
}

.c-archive--essay .c-cpt__category {
    color: #9d9ca9;
    color: var(--color-essay-50);
}

.c-archive--rib .c-cpt__category {
    color: #785f70;
    color: var(--color-rib-50);
}

.c-archive--shop .c-cpt__category {
    color: #7e94b8;
    color: var(--color-shop-50);
}

.c-archive--shop .c-cpt__sub-title {
    color: #000;
    color: var(--color-black);
    font-weight: normal;
}

.c-archive--publication .c-cpt:hover {
    color: #c68d42;
    color: var(--color-publication-50);
}

.c-archive--review .c-cpt:hover {
    color: #7d4f4f;
    color: var(--color-review-50);
}

.c-archive--membership .c-cpt:hover {
    color: #435276;
    color: var(--color-membership-50);
}

.c-archive--essay .c-cpt:hover {
    color: #9d9ca9;
    color: var(--color-essay-50);
}

.c-archive--rib .c-cpt:hover {
    color: #785f70;
    color: var(--color-rib-50);
}

.c-archive--shop .c-cpt__title {
    color: #000;
    color: var(--color-black);
}

.rc-restricted-content-message {
    padding: 1rem;
    width: 100%;
    display: block;
}

.rc-restricted-content-message h2 {
    display: block;
    margin-bottom: 1rem;
}

.rc-restricted-content-message a {
    display: block;
}

.c-single--essay .rc-restricted-content-message {
    color: #fff;
    color: var(--color-white);
    background-color: #9d9ca9;
    background-color: var(--color-essay-40);
}

.c-single--essay .rc-restricted-content-message a {
    color: #fff;
    color: var(--color-white);
}

.c-single--rib .rc-restricted-content-message {
    color: #fff;
    color: var(--color-white);
    background-color: #785f70;
    background-color: var(--color-rib-40);
}

.c-single--rib .rc-restricted-content-message a {
    color: #fff;
    color: var(--color-white);
}

.c-featured-image,
.c-featured-image__image {
    width: 100%;
}

.c-featured-image__caption {
    margin-top: -calc(1rem / 2);
    margin-top: -calc(var(--spacing) / 2);
    text-align: right;
    font-size: 0.75rem;
    font-size: var(--font-size-10);
    color: #8c8c8c;
    color: var(--color-neutral-20);
}

.c-featured-set {
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
}

.c-featured {
    padding: 1rem;
    padding: var(--spacing);
}

.c-featured__image {
    margin-top: calc(1rem / 2);
    margin-top: calc(var(--spacing) / 2);
}

.c-featured--review {
    background-color: #977272;
    background-color: var(--color-review-40);
    background-image: linear-gradient(to bottom, #977272 0%, #fff 100%, #fff 100%);
    background-image: linear-gradient(to bottom, var(--color-review-40) 0%, var(--color-white) 100%, var(--color-white) 100%)
}

.c-featured--review .c-featured__title {
    color: #7d4f4f;
    color: var(--color-review-50);
}

.c-featured--product .c-featured__title {
    color: #fff;
    color: var(--color-white);
}

.c-featured--product {
    background-color: #98a9c6;
    background-color: var(--color-shop-40);
    background-image: linear-gradient(to bottom, #98a9c6 0%, #fff 100%, #fff 100%);
    background-image: linear-gradient(to bottom, var(--color-shop-40) 0%, var(--color-white) 100%, var(--color-white) 100%)
}

.product.woocommerce.add_to_cart_inline {
    padding: 0 !important;
    border: 0 !important;
}

.c-featured--product .woocommerce .button {
    margin-top: 1rem;
    margin-top: var(--spacing);
}

.c-filter {
    margin-top: 1rem;
    margin-top: var(--spacing);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    padding: 1rem;
    padding: var(--spacing);
    color: #fff;
    color: var(--color-white);
    background-color: rgb(67, 82, 118);
    background-color: var(--color-secondary-50);
}

.c-filter:before {
    content: '';
    display: table;
}

.c-filter:after {
    content: '';
    display: table;
    clear: both;
}

.c-filter__title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.25rem;
    font-size: var(--font-size-50);
}

.c-filter__list {
    list-style-type: none;
}

.c-filter__item {
    display: inline;
    margin-right: .5rem;
}

.c-filter__checkbox {
    margin-right: .3rem;
}

.c-filter__label {
    white-space: nowrap;
    cursor: pointer;
}

.c-filter__button {
    padding: calc(1rem / 2);
    padding: calc(var(--spacing) / 2);
    background-color: rgb(67, 82, 118);
    background-color: var(--color-secondary-50);
    color: #fff;
    color: var(--color-white);
    border: 0;
    cursor: pointer
}

.c-filter__button:hover {
        background-color: #8ba88f;
        background-color: var(--color-ternary-50);
    }

.c-filter__list--primary .c-filter__item {
    text-transform: uppercase;
    font-weight: bold;
}

.c-archive--activity .c-filter {
    background-color: #819a9b;
    background-color: var(--color-activity-40);
}

.c-archive--person .c-filter {
    background-color: #a2b9a5;
    background-color: var(--color-person-40);
}

.c-archive--publication .c-filter {
    background-color: #d1a468;
    background-color: var(--color-publication-40);
}

.c-archive--review .c-filter {
    background-color: #977272;
    background-color: var(--color-review-40);
}

.c-archive--essay .c-filter {
    background-color: #9d9ca9;
    background-color: var(--color-essay-40);
}

.c-archive--rib .c-filter {
    background-color: #785f70;
    background-color: var(--color-rib-40);
}

.c-archive--shop .c-filter {
    background-color: #98a9c6;
    background-color: var(--color-shop-40);
}

.c-hamburger {
    width: 32px;
    height: 32px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-right: 1rem;
    margin-right: var(--spacing)
}

@media (min-width: 600px) {

.c-hamburger {
        display: none
}
    }

.c-hamburger span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #e5271d;
    background: var(--color-primary-50);
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.c-hamburger span:nth-child(1) {
    top: 0px;
}

.c-hamburger span:nth-child(2),.c-hamburger span:nth-child(3) {
    top: 12px;
}

.c-hamburger span:nth-child(4) {
    top: 24px;
}

.c-hamburger.open span:nth-child(1) {
    top: 12px;
    width: 0%;
    left: 50%;
}

.c-hamburger.open span:nth-child(2) {
    transform: rotate(45deg);
}

.c-hamburger.open span:nth-child(3) {
    transform: rotate(-45deg);
}

.c-hamburger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.header {
    display: flex;
    flex-direction: column;
}

.header__logo {
    background-color: #e5271d;
    background-color: var(--color-primary-50);
    margin: 0;
    margin: initial;
    padding: 1rem;
    padding: var(--spacing);
    width: 100%;
    order: 2
}

@media (min-width: 600px) {

.header__logo {
        background-color: unset;
        margin-right: 1rem;
        margin-right: var(--spacing);
        max-width: 200px;
        order: 1;
        padding: 0;
        padding: initial
}
    }

@media (min-width: 1000px) {

.header__logo {
        max-width: 300px;
        margin-right: calc(1rem * 2);
        margin-right: calc(var(--spacing) * 2)
}
    }

@media (min-width: 1200px) {

.header__logo {
        margin-right: calc(1rem * 4);
        margin-right: calc(var(--spacing) * 4);
        max-width: 400px
}
    }

.header__logo__link {
    background-image: url('/app/themes/nexus/assets/images/nexus_logo.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    min-height: 28px;
    width: 100%
}

@media (min-width: 600px) {

.header__logo__link {
        min-height: 21px
}
    }

.mejs-audio {
    margin-bottom: 1rem;
}

.mejs-controls .mejs-time-current {
    background: #e5271d !important;
    background: var(--color-primary-30) !important;
}

.mlp-language-box {
    float: right;
    margin-right: calc(1rem / 2);
    margin-right: calc(var(--spacing) / 2);
}

.mlp-language-box a {
    color: #000;
    color: var(--color-black);
}

.mlp-language-box ul,
.mlp-language-box {
    display: inline;
}

.mlp-language-box li {
    list-style-type: none;
    display: inline;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-size: var(--font-size-10);
}

.mlp-language-box li:last-child a {
    color: #e5271d;
    color: var(--color-primary-50);
}

.mlp-language-box li:last-child a:before {
    content: '|';
    color: #000;
    color: var(--color-black);
    margin-left: calc(1rem / 4);
    margin-left: calc(var(--spacing) / 4);
    margin-right: calc(1rem / 4);
    margin-right: calc(var(--spacing) / 4);
}

.c-motto__title {
    text-transform: uppercase;
    border-bottom: 1px solid #C9C9CE;
    border-bottom: 1px solid var(--color-neutral-30);
    font-size: 1.75rem;
    font-size: var(--font-size-70);
    line-height: 1.6;
    color: rgb(67, 82, 118);
    color: var(--color-secondary-50);
}

.c-motto__content {
    color: #89898C;
    color: var(--color-neutral-50);
    font-style: italic;
    font-size: 1.25rem;
    font-size: var(--font-size-50);
    line-height: 1.6;
}

.c-motto__content > p {
    display: inline;
}

.c-nav-footer {
    display: none
}

@media (min-width: 600px) {

.c-nav-footer {
        display: flex;
        background-color: #e5271d;
        background-color: var(--color-primary-50);
        color: #fff;
        color: var(--color-white);
        font-family: 'Source Sans Pro', sans-serif;
        font-family: var(--font-family-heading);
        font-size: 1.125rem;
        font-size: var(--font-size-40);
        width: 100%
}
    }

.c-nav-footer a {
    color: #fff;
    color: var(--color-white)
}

.c-nav-footer a:hover {
        text-decoration: underline;
    }

.c-nav-footer .o-container {
    padding-top: 1rem;
    padding-top: var(--spacing);
}

.c-nav-footer__network {
    list-style-type: none;
}

.c-nav-primary__outer {
    order: 1;
    padding-bottom: 1rem;
    padding-bottom: var(--spacing);
    padding-top: 0
}

@media (min-width: 600px) {

.c-nav-primary__outer {
        background-color: #e5271d;
        background-color: var(--color-primary-50);
        order: 2;
        padding-bottom: 1rem;
        padding-bottom: var(--spacing);
        padding-top: 1rem;
        padding-top: var(--spacing)
}
    }

.c-nav-primary__outer > .o-container {
    display: flex;
    flex-direction: column;
    padding: 0;
    padding: initial
}

@media (min-width: 600px) {

.c-nav-primary__outer > .o-container {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0 1rem;
        padding: 0 var(--spacing)
}
    }

@media (min-width: 750px) {

.c-nav-primary__outer > .o-container {
        padding: 0 calc(1rem * 2);
        padding: 0 calc(var(--spacing) * 2)
}
    }

.c-nav-primary {
    display: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-family: var(--font-family-heading);
    margin-bottom: calc(1rem / 2);
    margin-bottom: calc(var(--spacing) / 2);
    order: 1;
    padding: 1rem;
    padding: var(--spacing);
    padding-top: 0;
    width: 100%
}

@media (min-width: 600px) {

.c-nav-primary {
        display: block;
        margin-bottom: 0;
        order: 2;
        padding: 0;
        padding: initial
}
    }

@media (min-width: 600px) {

.c-nav-primary .c-menu-item__link {
        font-size: 0.75rem;
        font-size: var(--font-size-10)
}
    }

@media (min-width: 750px) {

.c-nav-primary .c-menu-item__link {
        font-size: 0.875rem;
        font-size: var(--font-size-20)
}
    }

@media (min-width: 1000px) {

.c-nav-primary .c-menu-item__link {
        font-size: unset
}
    }

.c-nav-primary .c-menu {
    display: flex;
    list-style-type: none;
    flex-direction: column
}

@media (min-width: 600px) {

.c-nav-primary .c-menu {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
}
	}

.c-nav-secondary {
    order: 1
}

@media (min-width: 600px) {

.c-nav-secondary {
        order: 2
}
    }

.c-nav-secondary > .o-container {
    padding-top: calc(1rem / 2);
    padding-top: calc(var(--spacing) / 2);
    padding-bottom: calc(1rem / 2);
    padding-bottom: calc(var(--spacing) / 2);
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (min-width: 600px) {

.c-nav-secondary > .o-container {
        flex-wrap: no-wrap;
        justify-content: flex-end
}
    }

.c-nav-secondary .c-searchform {
}

.c-nav-secondary .c-button {
    margin: 0;
    margin-left: .5rem;
    padding: calc(1rem / 4) calc(1rem / 2);
    padding: calc(var(--spacing) / 4) calc(var(--spacing) / 2);
    background-color: unset;
    color: #e5271d;
    color: var(--color-primary-50);
    border: 1px solid #e5271d;
    border: 1px solid var(--color-primary-50)
}

.c-nav-secondary .c-button:hover {
        background-color: #e5271d;
        background-color: var(--color-primary-50);
        color: #fff;
        color: var(--color-white);
    }

.c-nav-sponsors__image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
}

.c-menu {
    width: 100%;
}

@media (min-width: 600px) {

.c-menu--parents > .menu-item {
        display: table-cell
}
    }

.c-menu-item__link {
    display: block;
    font-size: 1.125rem;
    font-size: var(--font-size-40);
    font-weight: bold;
}

.c-menu__contact {
    color: #fff;
    color: var(--color-white);
}

.c-menu__contact a {
    color: #fff;
    color: var(--color-white)
}

.c-menu__contact a:hover {
        text-decoration: underline;
    }

/* .c-nav-primary */

.c-nav-primary .c-menu-item__link {
    color: #000;
    color: var(--color-black)
}

.c-nav-primary .c-menu-item__link:hover {
        color: #e5271d;
        color: var(--color-primary-50);
    }

@media (min-width: 600px) {

.c-nav-primary .c-menu-item__link {
        color: #fff;
        color: var(--color-white)
}

        .c-nav-primary .c-menu-item__link:hover {
            color: #fff;
            color: var(--color-white);
            text-decoration: underline;
        }
    }

.c-nav-sponsors .menu {
    display: flex;
    justify-content: space-between;
}

.c-pagination {
    margin-top: 1rem;
    margin-top: var(--spacing);
}

.c-pagination__link {
    color: #000;
    color: var(--color-black)
}

.c-pagination__link:hover {
        color: #e5271d;
        color: var(--color-primary-50);
    }

.c-pagination__page {
    list-style: none;
    display: inline;
    margin-left: calc(1rem / 2);
    margin-left: calc(var(--spacing) / 2);
    margin-right: calc(1rem / 2);
    margin-right: calc(var(--spacing) / 2);
}

.c-pagination__page .current {
    font-weight: bold;
}

.c-pagination__pages {
    display: inline;
}

.c-searchform {
    width: 50%;
    position: relative;
    float: right
}

@media (min-width: 600px) {

.c-searchform {
        width: auto
}
    }

.c-searchform__input {
    width: 100%;
    padding: calc(1rem / 4);
    padding: calc(var(--spacing) / 4);
    border: 1px solid #C9C9CE;
    border: 1px solid var(--color-neutral-30);
    border-radius: 3px;
}

.c-searchform__submit {
    background-image: url('/app/themes/nexus/assets/images/search.svg');
    background-size: 100% 100%;
    background-color: transparent;
    color: transparent;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: block;
    border: 0;
    position: absolute;
    top: 4px; 
    right: 4px;
}

.c-single {
    margin-top: 1rem;
    margin-top: var(--spacing);
}

.c-single__header {
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
}

.c-single__header:before {
    content: '';
    display: table;
}

.c-single__header:after {
    content: '';
    display: table;
    clear: both;
}

.c-single__category {
    text-transform: uppercase;
    font-weight: bold;
}

.c-single__title {
    font-size: 2rem;
    font-size: var(--font-size-80);
    margin-top: calc(1rem / 2);
    margin-top: calc(var(--spacing) / 2);
}

.c-single__sub-title {
    font-style: italic;
}

.c-single__content .c-button {
    text-decoration: none;
}

.c-single__content .c-button {
    color: #fff;
    color: var(--color-white);
}

.c-single--activity .c-single__category {
    color: #618182;
    color: var(--color-activity-50);
}

.c-single--person .c-single__category {
    color: #8ba88f;
    color: var(--color-person-50);
}

.c-single--publication .c-single__category {
    color: #c68d42;
    color: var(--color-publication-50);
}

.c-single--review .c-single__category {
    color: #7d4f4f;
    color: var(--color-review-50);
}

.c-single__caption {
    margin-top: -calc(1rem / 2);
    margin-top: -calc(var(--spacing) / 2);
    text-align: right;
    font-size: 0.75rem;
    font-size: var(--font-size-10);
    color: #8c8c8c;
    color: var(--color-neutral-20);
}

.c-single--essay .c-single__content {
    max-width: 600px;
    max-width: var(--single-column-max-width);
    line-height: 1.5;
    line-height: var(--line-height);
    font-size: 1.25rem;
    font-size: var(--font-size-50);
}

.c-slider--full .c-slide {
    height: 450px;
}

.c-slider--full .flickity-prev-next-button {
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #C9C9CE;
    background-color: var(--color-neutral-30)
}

@media (min-width: 600px) {

.c-slider--full .flickity-prev-next-button {
        display: block
}
    }

.c-slider--full .flickity-prev-next-button:hover {
    background-color: #e5271d;
    background-color: var(--color-primary-50);
}

.c-slider--full .flickity-prev-next-button .arrow {
    fill: #fff;
    fill: var(--color-white);
}

.c-slider--full .flickity-prev-next-button .no-svg {
    fill: #fff;
    fill: var(--color-white);
}

.c-slider--full .flickity-prev-next-button.previous {
  left: -40px;
}

.c-slider--full .flickity-prev-next-button.next {
  right: -40px;
}

.c-slider--half .c-slide {
    height: 350px;
}

.c-slide {
    width: 100%;
    margin-right: 10px;
    background-size: cover;
    background-position: center right;
}

.c-slide__body {
    position: relative;
    padding: 1rem;
    padding: var(--spacing);
    color: #fff;
    color: var(--color-white);
    background-color: rgba(229,39,29, 0.5);
    font-size: 1.25rem;
    font-size: var(--font-size-50);
    width: 100%;
    height: 100%
}

@media (min-width: 600px) {

.c-slide__body {
        height: 330px;
        margin: 1rem;
        margin: var(--spacing);
        width: 305px
}
    }

.c-slide__content h2 {
    text-transform: uppercase;
    font-size: 1.75rem;
    font-size: var(--font-size-70);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing);
    line-height: 1.2;
}

.c-slide__link {
    position: absolute;
    padding: calc(1rem / 2);
    padding: calc(var(--spacing) / 2);
    background-color: #e5271d;
    background-color: var(--color-primary-50);
    color: #fff;
    color: var(--color-white);
    right: 1rem;
    right: var(--spacing);
    bottom: calc(1rem * 3);
    bottom: calc(var(--spacing) * 3)
}

.c-slide__link:hover {
        background-color: #fff;
        background-color: var(--color-white);
        color: #e5271d;
        color: var(--color-primary-50);
    }

@media (min-width: 600px) {

.c-slide__link {
        bottom: 1rem;
        bottom: var(--spacing)
}
    }

.flickity-page-dots {
    bottom: .5rem;
    text-align: right;
}

.flickity-page-dots .dot {
    opacity: 1;
    background: transparent;
    border: 2px solid #fff;
    border: 2px solid var(--color-white);
}

.flickity-page-dots .dot.is-selected {
    background-color: #fff;
    background-color: var(--color-white);
}

.c-social-media-icons {
    margin-top: calc(1rem / 2);
    margin-top: calc(var(--spacing) / 2);
    text-align: right;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.25em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 0.75rem;
  font-size: var(--font-size-10);
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */

.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */

.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}

.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.c-status {
    display: block;
    padding: 1rem;
    padding: var(--spacing);
}

.c-status--success {
    background-color: rgb(67, 82, 118);
    background-color: var(--color-secondary-50);
    color: #fff;
    color: var(--color-white);
}

.c-thumbnail {
    padding: 4px;
    border: 1px solid #89898C;
    border: 1px solid var(--color-neutral-50);
    border-radius: 4px;
    margin-top: calc(1rem / 2);
    margin-top: calc(var(--spacing) / 2);
    margin-bottom: calc(1rem / 2);
    margin-bottom: calc(var(--spacing) / 2);
}

.c-title {
    text-transform: uppercase;
    color: rgb(126, 148, 184);
    color: var(--color-secondary-30);
    border-bottom: 1px solid #C9C9CE;
    border-bottom: 1px solid var(--color-neutral-30);
    font-size: 1.75rem;
    font-size: var(--font-size-70);
    line-height: 1.6;
}

.c-archive--activity .c-title {
    color: #618182;
    color: var(--color-activity-50);
}

.c-archive--person .c-title {
    color: #8ba88f;
    color: var(--color-person-50);
}

.c-archive--publication .c-title {
    color: #c68d42;
    color: var(--color-publication-50);
}

.c-archive--review .c-title {
    color: #7d4f4f;
    color: var(--color-review-50);
}

.c-archive--membership .c-title {
    color: #435276;
    color: var(--color-membership-50);
}

.is-disabled {
    background-color: #8c8c8c !important;
    background-color: var(--color-neutral-20) !important;
    cursor: wait;
}