/*! normalize.css v8.0.1 | 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.
 */

/**
 * Render the `main` element consistently in IE.
 */

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

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

/**
 * 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 */
  -webkit-text-decoration: underline; /* 2 */
  text-decoration: underline;
  -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 {
  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"] {
  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 {
  --white-color: #ffffff;
  --text-color: #37393e;
  --text-light-color: #949494;
  --black: #111111;
  --blue: #3a66e5;
  --blue-light: rgb(156.5, 178.5, 242);
  --red: #ed1c24;
  --purple: #bd10e0;
  --orange: #f7981c;
  --green: #39b54a;
  --background-color: #f5f6f8;
  --placeholder-color: #e9eaec;
  --border-color: #dfe2e5;
  --box-border-color: #e7e7e7;
  --link-color: var(--blue);
  --toast-color: var(--black);
  --error-color: var(--red);
  --input-gradient: linear-gradient(to top, #f2f4f7, var(--white-color));

  --font-sans: "Montserrat", Helvetica, Arial, sans-serif;
  --font-style-body: normal 14px/1.5 var(--font-sans);
  --font-style-heading-1: bold 26px/1.38 var(--font-sans);
  --font-style-heading-2: bold 22px/1.45 var(--font-sans);
  --font-style-heading-3: bold 18px/1.33 var(--font-sans);
  --font-style-heading-4: normal 18px/1.33 var(--font-sans);
  --font-style-small: normal 12px/1.75 var(--font-sans);
  --font-style-tiny: normal 10px/1.4 var(--font-sans);
}

/* ---- Grid and sizing --------------------------------------------------- */

:root {
  --col-px: 78;
  --gutter-px: 24;
  --total-columns: 12;

  --inner-width: calc(var(--col-px)*var(--total-columns) + var(--gutter-px)*(var(--total-columns) - 1));
  --column: calc(var(--col-px)/var(--inner-width));
  --gutter: calc(var(--gutter-px)/var(--inner-width));

  --columns-1: var(--column);
  --columns-2: calc(var(--column)*2 + var(--gutter));
  --columns-3: calc(var(--column)*3 + var(--gutter)*2);
  --columns-4: calc(var(--column)*4 + var(--gutter)*3);
  --columns-5: calc(var(--column)*5 + var(--gutter)*4);
  --columns-6: calc(var(--column)*6 + var(--gutter)*5);
  --columns-7: calc(var(--column)*7 + var(--gutter)*6);
  --columns-8: calc(var(--column)*8 + var(--gutter)*7);
  --columns-9: calc(var(--column)*9 + var(--gutter)*8);
  --columns-10: calc(var(--column)*10 + var(--gutter)*9);
  --columns-11: calc(var(--column)*11 + var(--gutter)*10);
  --columns-12: calc(var(--column)*12 + var(--gutter)*11);

  --outer-margin: 100;
  --outer-margin-mobile: 10px;
  --ref-width: calc(var(--inner-width) + var(--outer-margin)*2);
  --ref-width-adjust: calc(var(--inner-width)/var(--ref-width));
}

/* ---- Breakpoints ------------------------------------------------------- */

body.background-image {
  background-color: #111111;
  background-color: var(--black);
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
}

body.background-image.bg-1 {
    background-image: url("/assets/bg-image-1-08021f49.jpg");
  }

body.background-image.bg-2 {
    background-image: url("/assets/bg-image-2-900b2990.jpg");
  }

body.background-image.bg-3 {
    background-image: url("/assets/bg-image-3-2eb616f9.jpg");
  }

body.background-image.bg-4 {
    background-image: url("/assets/bg-image-4-b6ab6039.jpg");
  }

body.background-image.bg-5 {
    background-image: url("/assets/bg-image-5-374882c6.jpg");
  }

body.background-image.bg-6 {
    background-image: url("/assets/bg-image-6-2bc64905.jpg");
  }

body.background-image.bg-7 {
    background-image: url("/assets/bg-image-7-787502f1.jpg");
  }

body.background-image.bg-8 {
    background-image: url("/assets/bg-image-8-bc62e1f9.jpg");
  }

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

html {
  height: 100%;
}

body {
  font: normal 14px/1.5 "Montserrat", Helvetica, Arial, sans-serif;
  font: var(--font-style-body);
  background: #f5f6f8;
  background: var(--background-color);
  color: #37393e;
  color: var(--text-color);
  position: relative;
  min-height: 100%;
  margin: 0;
  padding-bottom: 300px;
  text-rendering: optimizeLegibility;
}

@media screen and (max-width: 800px) {

body {
    padding-bottom: 400px;
}
  }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
table {
  margin: 0px 0px 20px 0px;
}

h1:last-child {
    margin-bottom: 0px;
  }

h2:last-child {
    margin-bottom: 0px;
  }

h3:last-child {
    margin-bottom: 0px;
  }

h4:last-child {
    margin-bottom: 0px;
  }

h5:last-child {
    margin-bottom: 0px;
  }

h6:last-child {
    margin-bottom: 0px;
  }

p:last-child {
    margin-bottom: 0px;
  }

ul:last-child {
    margin-bottom: 0px;
  }

ol:last-child {
    margin-bottom: 0px;
  }

table:last-child {
    margin-bottom: 0px;
  }

h1 {
  font: bold 26px/1.38 "Montserrat", Helvetica, Arial, sans-serif;
  font: var(--font-style-heading-1);
}

h2 {
  font: bold 22px/1.45 "Montserrat", Helvetica, Arial, sans-serif;
  font: var(--font-style-heading-2);
}

h3 {
  font: bold 18px/1.33 "Montserrat", Helvetica, Arial, sans-serif;
  font: var(--font-style-heading-3);
}

h4 {
  font: normal 18px/1.33 "Montserrat", Helvetica, Arial, sans-serif;
  font: var(--font-style-heading-4);
  margin-top: 30px;
  margin-bottom: 10px;
}

h4:first-child {
    margin-top: 0px;
  }

a,
a:visited {
  color: #3a66e5;
  color: var(--link-color);
  -webkit-text-decoration: none;
  text-decoration: none;
}

a.delete:visited {
    color: #ed1c24;
    color: var(--red);
  }

a.delete:not(.does-not-exist) {
    color: #ed1c24;
    color: var(--red);
  }

a:hover,
a:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.inner:after {
    content: "";
    display: table;
    clear: both;
  }

.inner {
  width: 85.7142857143vw;
  width: calc(var(--inner-width)/var(--ref-width)*100vw);
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

main {
  padding: 48px 0px;
}

@media screen and (max-width: 800px) {

main {
    padding: 20px 0px;
}
  }

nav.breadcrumbs {
  border-top: 1px solid #dfe2e5;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid #dfe2e5;
  border-bottom: 1px solid var(--border-color);
  padding: 13px 0px;
  font-weight: bold;
}

@media screen and (max-width: 800px) {

nav.breadcrumbs {
    display: none;
}
  }

a.button,
button {
  font: normal 14px/1.5 "Montserrat", Helvetica, Arial, sans-serif;
  font: var(--font-style-body);
  background-image: linear-gradient(to top, #f2f4f7, #ffffff);
  background-image: var(--input-gradient);
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: bold;
  line-height: 36px;
  padding: 0px 25px;
  border-radius: 4px;
  border: solid 1px #dfe2e5;
  border: solid 1px var(--border-color);
  color: #37393e;
  color: var(--text-color);
}

a.button[type="submit"],button[type="submit"]:not(.does-not-exist),a.primary.button,button.primary:not(.does-not-exist) {
    border: solid 1px #3a66e5;
    border: solid 1px var(--blue);
    background-image: none;
    background: #3a66e5;
    background: var(--blue);
    color: #ffffff;
    color: var(--white-color);
  }

a.delete.button,button.delete:not(.does-not-exist) {
    border: solid 1px #ed1c24;
    border: solid 1px var(--red);
    background-image: none;
    background: #ed1c24;
    background: var(--red);
    color: #ffffff;
    color: var(--white-color);
  }

.card {
  border-radius: 4px;
  border: solid 1px #e7e7e7;
  border: solid 1px var(--box-border-color);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  background: var(--white-color);
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
  position: relative;
}

.card > h3:first-child {
    margin: 10px 0px 25px 0px;
  }

.card .inner-section {
    background: #f5f6f8;
    background: var(--background-color);
    border-top: solid 1px #e7e7e7;
    border-top: solid 1px var(--box-border-color);
    border-bottom: solid 1px #e7e7e7;
    border-bottom: solid 1px var(--box-border-color);
    margin: 0px -20px 20px -20px;
    padding: 40px 20px;
  }

.card.half {
    width: 49%;
    width: calc(var(--columns-6)*100%);
  }

@media screen and (max-width: 800px) {

.card.half {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

.card .actions {
    position: absolute;
    top: 20px;
    right: 20px;
  }

.card .actions a {
      margin-left: 30px;
    }

.columns {
  position: relative;
}

.columns:after {
    content: "";
    display: table;
    clear: both;
  }

.columns .column {
    width: 32%;
    width: calc(var(--columns-4)*100%);
    float: left;
    margin-left: 2%;
    margin-left: calc(var(--gutter)*100%);
    padding: 20px 10px;
  }

.columns .column:before {
      background-color: #dfe2e5;
      background-color: var(--border-color);
      content: "";
      display: block;
      width: 1px;
      position: absolute;
      top: 0px;
      bottom: 3px;
    }

.columns .column:nth-child(3n + 1) {
      clear: both;
      margin-left: 0px;
    }

.columns .column:nth-child(3n + 1):before {
        display: none;
      }

.columns .column:nth-child(3n + 2):before {
      left: 33%;
      left: calc((var(--columns-4) + (var(--gutter)*0.5))*100%);
    }

.columns .column:nth-child(3n + 3):before {
      left: 67%;
      left: calc((var(--columns-8) + (var(--gutter)*0.5))*100%);
    }

@media screen and (max-width: 800px) {

.columns .column {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      padding: 0px;
      margin-bottom: 20px;
  }
      .columns .column:before {
        display: none;
      }
  }

.file-drop {
  margin-top: 6px;
  background: #f5f6f8;
  background: var(--background-color);
  transition:
    background-color 300ms, opacity 300ms;
}

.file-drop.dragover img {
      opacity: 0.5;
    }

.file-drop.dragover .image .image-placeholder {
      background: #3a66e5;
      background: var(--blue);
    }

.file-drop .image {
    display: none;
  }

.file-drop .info {
    display: none;
  }

.file-drop.loading {
    opacity: 0.5;
  }

.file-drop.loading .input {
      display: none;
    }

.file-drop.show-info .image {
      display: block;
    }

.file-drop.show-info .info {
      display: block;
    }

.file-drop.show-info .input {
      display: none;
    }

.file-drop.show-info p {
      margin-bottom: 0px;
    }

.file-drop.show-info .formats {
      margin-top: 10px;
      font-size: 12px;
    }

.file-drop.show-info .remove {
      display: none;
    }

.file-drop.show-info .remove.shown {
        display: block;
      }

.file-drop.show-info .remove-image {
      display: block;
      margin-top: 10px;
      color: #ed1c24;
      color: var(--red);
    }

.file-drop .image {
    position: relative;
    margin: 0px auto;
    width: 70%;
    padding-bottom: 70%;
  }

.file-drop .image img,.file-drop .image .image-placeholder {
      position: absolute;
      border-radius: 50%;
    }

.file-drop .image img {
      width: 100%;
      height: auto;
    }

.file-drop .image .image-placeholder {
      background: #e9eaec;
      background: var(--placeholder-color);
      width: 100%;
      height: 100%;
    }

.file-drop .input {
    padding: 20px;
  }

.file-drop .info {
    padding-top: 25px;
    text-align: center;
  }

.file-drop .info button {
      display: block;
      margin: 10px auto;
    }

footer:after {
    content: "";
    display: table;
    clear: both;
  }

footer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  color: var(--white-color);
  background: #3a66e5;
  background: var(--blue);
  padding: 30px 0px 60px 0px;

  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
}

footer a,footer a:visited {
    color: #ffffff;
    color: var(--white-color);
  }

footer .event-footer {
    width: 32%;
    width: calc(var(--columns-4)*100%);
    float: left;
  }

@media screen and (max-width: 800px) {

footer .event-footer {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      margin-bottom: 30px;
  }
  }

footer .credit {
    float: right;
  }

footer .credit a:visited {
      color: rgb(156.5, 178.5, 242);
      color: var(--blue-light);
    }

footer .credit,footer .credit a {
      color: rgb(156.5, 178.5, 242);
      color: var(--blue-light);
    }

@media screen and (max-width: 800px) {

footer .credit {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

form .column input[type="text"],form .column input[type="email"],form .column input[type="password"],form .column textarea {
      width: 100%;
    }

form .field {
    margin-bottom: 20px;
  }

form .field:last-child {
      margin-bottom: 0px;
    }

form .field.checkbox,form .field.radio {
      margin-bottom: 10px;
    }

form .field.checkbox label,form .field.radio label {
        display: inline;
        margin-left: 12px;
      }

form .field.checkbox label:first-child {
          margin-left: 0px;
        }

form .field.radio label:first-child {
          margin-left: 0px;
        }

form label {
    display: block;
    color: #949494;
    color: var(--text-light-color);
    margin-bottom: 4px;
  }

form .field.errors label,form .field.errors .message {
      color: #ed1c24;
      color: var(--red);
    }

form .field.errors .message {
      margin-top: 6px;
      font: normal 12px/1.75 "Montserrat", Helvetica, Arial, sans-serif;
      font: var(--font-style-small);
    }

form .field.errors input[type="text"],form .field.errors input[type="email"],form .field.errors input[type="password"],form .field.errors textarea,form .field.errors .select-wrapper {
      border-color: #ed1c24;
      border-color: var(--red);
    }

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  font: normal 14px/1.5 "Montserrat", Helvetica, Arial, sans-serif;
  font: var(--font-style-body);
  background: #ffffff;
  background: var(--white-color);
  border: solid 1px #dfe2e5;
  border: solid 1px var(--border-color);
  border-radius: 4px;
  padding: 6px 12px;
  width: 32%;
  width: calc(var(--columns-4)*100%);
}

.half.card input[type="text"],.half.card input[type="email"],.half.card input[type="password"],.half.card textarea:not(.does-not-exist) {
    width: 100%;
  }

input[disabled][type="text"],input[disabled][type="email"],input[disabled][type="password"],textarea[disabled]:not(.does-not-exist) {
    background: #f5f6f8;
    background: var(--background-color);
    color: #949494;
    color: var(--text-light-color);
  }

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
.select-wrapper {
  border: solid 1px #dfe2e5;
  border: solid 1px var(--border-color);
  border-radius: 4px;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:not(.does-not-exist):focus,.select-wrapper select:focus {
    outline: 0;
    box-shadow: 0 0 1px 1px #3a66e5;
    box-shadow: 0 0 1px 1px var(--blue);
  }

.select-wrapper {
  background-image: linear-gradient(to top, #f2f4f7, #ffffff);
  background-image: var(--input-gradient);
  display: inline-block;
}

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%239a9a9a%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.78%206.595h12.44a.75.75%200%200%201%201.06%201.06l-6.75%206.75a.75.75%200%200%201-1.06%200l-6.75-6.75a.75.75%200%200%201%201.06-1.06%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: 10px 10px;
    background-position: right 12px top 11px;

    border-radius: 0px;
    padding: 6px 12px;
    padding-right: 30px;
    width: 100%;
    border: 0px;
    border-radius: 4px;
  }

.participant-photo label {
  display: none;
}

header:after {
    content: "";
    display: table;
    clear: both;
  }

header {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  color: var(--white-color);
  background: #3a66e5;
  background: var(--blue);
  color: #37393e;
  color: var(--text-color);
  padding: 20px 0px;
}

header a,header a:visited {
    color: #ffffff;
    color: var(--white-color);
  }

header h1 {
    float: left;
    margin: 0px;
  }

@media screen and (max-width: 800px) {

header h1 {
      font: bold 18px/1.33 "Montserrat", Helvetica, Arial, sans-serif;
      font: bold 18px/1.33 var(--font-sans);
  }
    }

header nav {
    float: right;
    line-height: 36px;
  }

header nav a {
      margin-left: 30px;
    }

header nav .photo {
      display: inline-block;
      vertical-align: middle;
      width: 34px;
      padding-bottom: 34px;
      line-height: 36px;
      margin: -3px -15px 0px 0px;
    }

@media screen and (max-width: 800px) {

header nav {
      font: normal 18px/1.33 "Montserrat", Helvetica, Arial, sans-serif;
      font: normal 18px/1.33 var(--font-sans);
      float: none;
  }

      header nav .photo {
        position: absolute;
        top: 15px;
        right: 15px;
        margin: 0px;
        cursor: pointer;
      }
        header nav .photo img,header nav .photo .photo-placeholder {
          border: 1px solid #ffffff;
          border: 1px solid var(--white-color);
        }

      header nav a {
        display: none;
        margin: 0px 0px 20px 0px;
      }
    }

@media screen and (max-width: 800px) {

header.show-navigation {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
}

    header.show-navigation h1 {
      margin-bottom: 40px;
      float: none;
    }
      header.show-navigation nav .photo {
        position: fixed;
      }
      header.show-navigation nav a {
        display: block;
      }
  }

section.participants {
  min-height: 500px;
}

@media screen and (max-width: 800px) {

section.participants {
    min-height: 0px;
}
  }

section.participants .filters {
    margin-bottom: 20px;
  }

section.participants .filters input {
      background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23949494%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.392%2019.978a.995.995%200%200%201-.003%201.411.997.997%200%200%201-1.411.003l-5.429-5.429a7.5%207.5%200%201%201%201.414-1.414zM10%2015.5a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011%22%2F%3E%3C%2Fsvg%3E') no-repeat;
      background-size: 18px 18px;
      background-position: right 8px center;
      padding-right: 32px;
    }

section.participants .filters .selects {
      float: right;
    }

@media screen and (max-width: 800px) {

section.participants .filters .selects {
        float: none;
    }
      }

section.participants .filters .selects .select-wrapper {
        margin-left: 10px;
        min-width: 200px;
      }

@media screen and (max-width: 800px) {

section.participants .filters {
      border-bottom: 1px solid #dfe2e5;
      border-bottom: 1px solid var(--border-color);
      margin: 0px -20px 10px -20px;
      padding: 0px 20px 10px 20px;
  }

      section.participants .filters input,section.participants .filters .selects .select-wrapper {
        margin-left: 0px;
        width: 100%;
        margin-bottom: 10px;
      }
    }

section.participants .header-row:after {
    content: "";
    display: table;
    clear: both;
  }

section.participants .header-row {
    font: bold 10px/1.2 "Montserrat", Helvetica, Arial, sans-serif;
    font: bold 10px/1.2 var(--font-sans);
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #f5f6f8;
    background: var(--background-color);
    border-top: solid 1px #e7e7e7;
    border-top: solid 1px var(--box-border-color);
    border-bottom: solid 1px #e7e7e7;
    border-bottom: solid 1px var(--box-border-color);
    padding: 15px 20px;
    color: #949494;
    color: var(--text-light-color);
  }

@media screen and (max-width: 800px) {

section.participants .header-row {
      display: none;
  }
    }

section.participants .header-row,section.participants .participant {
    margin-left: -20px;
    margin-right: -20px;
  }

section.participants .header-row  > div,section.participants .participant  > div {
      float: left;
      width: 32%;
      width: calc(var(--columns-4)*100%);
    }

section.participants .header-row > div.delegate,section.participants .participant > div.delegate {
        padding-left: 54px;
      }

@media screen and (max-width: 800px) {

section.participants .header-row  > div,section.participants .participant  > div {
        float: none;
        width: 100%;
    }
        section.participants .header-row > div.delegate,section.participants .participant > div.delegate {
          padding-left: 0px;
        }
      }

section.participants .participant:after {
    content: "";
    display: table;
    clear: both;
  }

section.participants .participant {
    padding: 10px 20px;
    border-bottom: solid 1px #dfe2e5;
    border-bottom: solid 1px var(--border-color);
  }

section.participants .participant .photo {
      float: left;
      width: 34px;
      padding-bottom: 34px;
      margin: 4px 0px 0px -54px;
    }

@media screen and (max-width: 800px) {

section.participants .participant .photo {
        display: none;
    }
      }

section.participants .no-matches {
    padding: 40px 0px;
    color: #949494;
    color: var(--text-light-color);
    text-align: center;
  }

.photo {
  position: relative;
  margin: 0px auto 30px auto;
  width: 70%;
  padding-bottom: 70%;
}

.photo img,.photo .photo-placeholder {
    position: absolute;
    border-radius: 50%;
  }

.photo .photo-placeholder {
    background: #e9eaec;
    background: var(--placeholder-color);
    width: 100%;
    height: 100%;
  }

.photo img {
    width: 100%;
    height: auto;
  }

.photo .photo-placeholder-1 {
    background: #bd10e0;
    background: var(--purple);
  }

.photo .photo-placeholder-2 {
    background: #39b54a;
    background: var(--green);
  }

.photo .photo-placeholder-3 {
    background: #f7981c;
    background: var(--orange);
  }

.photo .photo-placeholder-4 {
    background: #ed1c24;
    background: var(--red);
  }

.profile.card {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.profile.card .edit-profile {
    position: absolute;
    right: 20px;
    top: 20px;
  }

.profile.card h1,.profile.card h3 {
    margin-bottom: 10px;
    margin-top: 20px;
  }

.profile.card h1:first-child {
      margin-top: 0px;
    }

.profile.card h3:first-child {
      margin-top: 0px;
    }

.other-participants:after {
    content: "";
    display: table;
    clear: both;
  }

.other-participants {
  margin-top: 60px;
}

.other-participants h3 {
    padding-bottom: 30px;
    border-bottom: 1px solid #dfe2e5;
    border-bottom: 1px solid var(--border-color);
  }

.other-participants .participant {
    display: block;
  }

.other-participants .participant:after {
    content: "";
    display: table;
    clear: both;
  }

.other-participants .participant {
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    border: solid 1px var(--box-border-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    float: left;
    background: #ffffff;
    background: var(--white-color);
    width: 32%;
    width: calc(var(--columns-4)*100%);
    margin-left: 2%;
    margin-left: calc(var(--gutter)*100%);
    margin-bottom: 20px;
    padding: 15px 15px 15px 105px;
    color: #37393e;
    color: var(--text-color);
  }

.other-participants .participant:nth-child(3n + 2) {
      clear: both;
      margin-left: 0px;
    }

.other-participants .participant .photo {
      width: 70px;
      padding-bottom: 70px;
      margin: 0px 0px 0px -90px;
      float: left;
    }

.other-participants .participant b {
      color: #3a66e5;
      color: var(--link-color);
    }

.other-participants .participant:hover,.other-participants .participant:focus {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.other-participants .participant:hover b,.other-participants .participant:focus b {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

@media screen and (max-width: 800px) {

.other-participants .participant {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

form.delete-participant {
  margin-top: -7px;
  margin-right: -7px;
  float: right;
}

.partner-link {
  margin-bottom: 30px;
  margin-top: -20px;
  text-align: center;
}

@media screen and (max-width: 800px) {

.partner-link {
    margin-top: 0px;
}
  }

.partner-link a {
    color: #39b54a;
    color: var(--green);
    font: bold 18px/1.33 "Montserrat", Helvetica, Arial, sans-serif;
    font: bold 18px/1.33 var(--font-sans);
  }

.list-wrapper {
  margin-left: -20px;
  margin-right: -20px;
}

table.list {
  border-collapse: collapse;
  width: 100%;
}

table.list th {
    font: bold 10px/1.2 "Montserrat", Helvetica, Arial, sans-serif;
    font: bold 10px/1.2 var(--font-sans);
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #f5f6f8;
    background: var(--background-color);
    border-top: solid 1px #e7e7e7;
    border-top: solid 1px var(--box-border-color);
    border-bottom: solid 1px #e7e7e7;
    border-bottom: solid 1px var(--box-border-color);
    padding: 15px 10px;
    color: #949494;
    color: var(--text-light-color);
    text-align: left;
  }

table.list td {
    padding: 8px 10px;
    border-bottom: solid 1px #dfe2e5;
    border-bottom: solid 1px var(--border-color);
  }

table.list td:first-child {
      padding-left: 20px;
    }

table.list th:first-child {
      padding-left: 20px;
    }

table.list td:last-child {
      padding-right: 20px;
    }

table.list th:last-child {
      padding-right: 20px;
    }

.toasts {
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.toasts .toast {
    font: normal 14px/1.5 "Montserrat", Helvetica, Arial, sans-serif;
    font: var(--font-style-body);
    display: inline-block;
    background: #111111;
    background: var(--toast-color);
    color: #ffffff;
    color: var(--white-color);
    margin: 20px auto 0px auto;
    padding: 15px 30px;
    min-width: 50%;
    text-align: left;
    opacity: 1;
    transition: all 0.4s ease-out;
    transform: translateZ(0px) translateY(0px);
  }

.toasts .toast.error {
      background: #ed1c24;
      background: var(--error-color);
    }

.toasts .toast.hidden {
      display: none;
    }

.toasts .toast.fadeout {
      opacity: 0.2;
      transform: translateZ(0px) translateY(60px);
    }