/**
* Theme Name: Community Portal
* Text Domain: community-portal
*
**/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* 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-.
     */
figcaption,
figure {
  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 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

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

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

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

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

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

/**
     * 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.
     */
button {
  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"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

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

/**
     * 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 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  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; }

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

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

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

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

.mapboxgl-map {
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-align: left; }

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%; }

.mapboxgl-canary {
  background-color: salmon; }

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer; }

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y; }

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom; }

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none; }

.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
  position: absolute;
  pointer-events: none;
  z-index: 2; }

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0; }

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0; }

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0; }

.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0; }

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */
  transform: translate(0, 0); }

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left; }

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right; }

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left; }

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right; }

.mapboxgl-ctrl-group {
  border-radius: 4px;
  background: #fff; }

.mapboxgl-ctrl-group:not(:empty) {
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); }

.mapboxgl-ctrl-group > button {
  width: 30px;
  height: 30px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer; }

.mapboxgl-ctrl-group > button + button {
  border-top: 1px solid #ddd; }

/* https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
.mapboxgl-ctrl > button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.mapboxgl-ctrl > button:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.mapboxgl-ctrl-group > button:focus {
  box-shadow: 0 0 2px 2px #0096ff; }

.mapboxgl-ctrl-group > button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff; }

.mapboxgl-ctrl-group > button:focus:not(:focus-visible) {
  box-shadow: none; }

.mapboxgl-ctrl-group > button:focus:first-child {
  border-radius: 4px 4px 0 0; }

.mapboxgl-ctrl-group > button:focus:last-child {
  border-radius: 0 0 4px 4px; }

.mapboxgl-ctrl-group > button:focus:only-child {
  border-radius: inherit; }

.mapboxgl-ctrl-icon,
.mapboxgl-ctrl-icon > .mapboxgl-ctrl-compass-arrow {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mapboxgl-ctrl-icon {
  padding: 5px; }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-icon-disabled {
  opacity: 0.25;
  border-color: #373737; }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
  content: "";
  display: block;
  width: 100%;
  height: 100%; }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate::before:disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting::before {
  -webkit-animation: mapboxgl-spin 2s infinite linear;
  -moz-animation: mapboxgl-spin 2s infinite linear;
  -o-animation: mapboxgl-spin 2s infinite linear;
  -ms-animation: mapboxgl-spin 2s infinite linear;
  animation: mapboxgl-spin 2s infinite linear; }

@-webkit-keyframes mapboxgl-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes mapboxgl-spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@-o-keyframes mapboxgl-spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }

@-ms-keyframes mapboxgl-spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }

@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M 5 4 C 4.5 4 4 4.5 4 5 L 4 6 L 4 9 L 4.5 9 L 5.7773438 7.296875 C 6.7771319 8.0602131 7.835765 8.9565728 8.890625 10 C 7.8257121 11.0633 6.7761791 11.951675 5.78125 12.707031 L 4.5 11 L 4 11 L 4 15 C 4 15.5 4.5 16 5 16 L 9 16 L 9 15.5 L 7.2734375 14.205078 C 8.0428931 13.187886 8.9395441 12.133481 9.9609375 11.068359 C 11.042371 12.14699 11.942093 13.2112 12.707031 14.21875 L 11 15.5 L 11 16 L 14 16 L 15 16 C 15.5 16 16 15.5 16 15 L 16 14 L 16 11 L 15.5 11 L 14.205078 12.726562 C 13.177985 11.949617 12.112718 11.043577 11.037109 10.009766 C 12.151856 8.981061 13.224345 8.0798624 14.228516 7.3046875 L 15.5 9 L 16 9 L 16 5 C 16 4.5 15.5 4 15 4 L 11 4 L 11 4.5 L 12.703125 5.7773438 C 11.932647 6.7864834 11.026693 7.8554712 9.9707031 8.9199219 C 8.9584739 7.8204943 8.0698767 6.7627188 7.3046875 5.7714844 L 9 4.5 L 9 4 L 6 4 L 5 4 z '/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23000000;' d='M 4.2421875 3.4921875 A 0.750075 0.750075 0 0 0 3.71875 4.78125 L 5.9648438 7.0273438 L 4 8.5 L 4 9 L 8 9 C 8.500001 8.9999988 9 8.4999992 9 8 L 9 4 L 8.5 4 L 7.0175781 5.9550781 L 4.78125 3.71875 A 0.750075 0.750075 0 0 0 4.2421875 3.4921875 z M 15.734375 3.4921875 A 0.750075 0.750075 0 0 0 15.21875 3.71875 L 12.984375 5.953125 L 11.5 4 L 11 4 L 11 8 C 11 8.4999992 11.499999 8.9999988 12 9 L 16 9 L 16 8.5 L 14.035156 7.0273438 L 16.28125 4.78125 A 0.750075 0.750075 0 0 0 15.734375 3.4921875 z M 4 11 L 4 11.5 L 5.9648438 12.972656 L 3.71875 15.21875 A 0.75130096 0.75130096 0 1 0 4.78125 16.28125 L 7.0273438 14.035156 L 8.5 16 L 9 16 L 9 12 C 9 11.500001 8.500001 11.000001 8 11 L 4 11 z M 12 11 C 11.499999 11.000001 11 11.500001 11 12 L 11 16 L 11.5 16 L 12.972656 14.035156 L 15.21875 16.28125 A 0.75130096 0.75130096 0 1 0 16.28125 15.21875 L 14.035156 12.972656 L 16 11.5 L 16 11 L 12 11 z '/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > .mapboxgl-ctrl-compass-arrow {
  width: 20px;
  height: 20px;
  margin: 5px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23333333' points='6,9 10,1 14,9'/%3E %3Cpolygon fill='%23CCCCCC' points='6,11 10,19 14,11 '/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block; }

a.mapboxgl-ctrl-logo {
  width: 85px;
  height: 21px;
  margin: 0 0 -3px -3px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E"); }

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' style='enable-background:new 0 0 21 21;' xml:space='preserve'%3E%3Cg transform='translate(0,0.01)'%3E%3Cpath d='m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3Cpath d='M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpath d='M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpolygon points='11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 ' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3C/g%3E%3C/svg%3E"); }

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0; }

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    padding: 0;
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 3px 12px 12px 3px; }
  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 24px 2px 4px;
    visibility: visible;
    margin-top: 6px; }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 4px 2px 24px;
    border-radius: 12px 3px 3px 12px; }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none; }
  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
    display: block; }
  .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    content: '';
    cursor: pointer;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E");
    background-color: rgba(255, 255, 255, 0.5);
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px; }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    bottom: 0;
    right: 0; }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    top: 0;
    right: 0; }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    top: 0;
    left: 0; }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    bottom: 0;
    left: 0; } }

.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none; }

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline; }

/* stylelint-disable-next-line selector-class-pattern */
.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: bold;
  margin-left: 2px; }

.mapboxgl-attrib-empty {
  display: none; }

.mapboxgl-ctrl-scale {
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
  border-width: medium 2px 2px;
  border-style: none solid solid;
  border-color: #333;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box; }

.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  will-change: transform;
  pointer-events: none; }

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  -webkit-flex-direction: column;
  flex-direction: column; }

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.mapboxgl-popup-anchor-left {
  -webkit-flex-direction: row;
  flex-direction: row; }

.mapboxgl-popup-anchor-right {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  z-index: 1; }

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-top: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-bottom: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-left: none;
  border-right-color: #fff; }

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-right: none;
  border-left-color: #fff; }

.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent; }

.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 15px;
  pointer-events: auto; }

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0; }

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0; }

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0; }

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0; }

.mapboxgl-popup-track-pointer {
  display: none; }

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  user-select: none; }

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex; }

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none; }

.mapboxgl-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform; }

.mapboxgl-user-location-dot {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%; }

.mapboxgl-user-location-dot::before {
  background-color: #1da1f2;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -moz-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -ms-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  animation: mapboxgl-user-location-dot-pulse 2s infinite; }

.mapboxgl-user-location-dot::after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: '';
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); }

@-webkit-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(3);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@-ms-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -ms-transform: scale(1);
    opacity: 1; }
  70% {
    -ms-transform: scale(3);
    opacity: 0; }
  100% {
    -ms-transform: scale(1);
    opacity: 0; } }

@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  70% {
    transform: scale(3);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.mapboxgl-user-location-dot-stale {
  background-color: #aaa; }

.mapboxgl-user-location-dot-stale::after {
  display: none; }

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair; }

.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: 0.5; }

@media print {
  /* stylelint-disable-next-line selector-class-pattern */
  .mapbox-improve-map {
    display: none; } }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/open-sans-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("./fonts/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v17-latin-regular.woff2") format("woff2"), url("./fonts/open-sans-v17-latin-regular.woff") format("woff"), url("./fonts/open-sans-v17-latin-regular.ttf") format("truetype"), url("./fonts/open-sans-v17-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/open-sans-v17-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("./fonts/open-sans-v17-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v17-latin-italic.woff2") format("woff2"), url("./fonts/open-sans-v17-latin-italic.woff") format("woff"), url("./fonts/open-sans-v17-latin-italic.ttf") format("truetype"), url("./fonts/open-sans-v17-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/open-sans-v17-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("./fonts/open-sans-v17-latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v17-latin-600.woff2") format("woff2"), url("./fonts/open-sans-v17-latin-600.woff") format("woff"), url("./fonts/open-sans-v17-latin-600.ttf") format("truetype"), url("./fonts/open-sans-v17-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* zilla-slab-regular - latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/zilla-slab-v5-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Zilla Slab"), local("ZillaSlab-Regular"), url("./fonts/zilla-slab-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/zilla-slab-v5-latin-regular.woff2") format("woff2"), url("./fonts/zilla-slab-v5-latin-regular.woff") format("woff"), url("./fonts/zilla-slab-v5-latin-regular.ttf") format("truetype"), url("./fonts/zilla-slab-v5-latin-regular.svg#ZillaSlab") format("svg");
  /* Legacy iOS */ }

/* zilla-slab-500 - latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/zilla-slab-v5-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Zilla Slab Medium"), local("ZillaSlab-Medium"), url("./fonts/zilla-slab-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("./fonts/zilla-slab-v5-latin-500.woff2") format("woff2"), url("./fonts/zilla-slab-v5-latin-500.woff") format("woff"), url("./fonts/zilla-slab-v5-latin-500.ttf") format("truetype"), url("./fonts/zilla-slab-v5-latin-500.svg#ZillaSlab") format("svg");
  /* Legacy iOS */ }

/* zilla-slab-600 - latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/zilla-slab-v5-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Zilla Slab SemiBold"), local("ZillaSlab-SemiBold"), url("./fonts/zilla-slab-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/zilla-slab-v5-latin-600.woff2") format("woff2"), url("./fonts/zilla-slab-v5-latin-600.woff") format("woff"), url("./fonts/zilla-slab-v5-latin-600.ttf") format("truetype"), url("./fonts/zilla-slab-v5-latin-600.svg#ZillaSlab") format("svg");
  /* Legacy iOS */ }

.container-fluid,
.container,
.not-found__container,
.activities__container,
.activities__hero-container,
.activity__container,
.campaigns__container,
.campaigns__hero-container,
.create-group__container,
.events__container,
.groups__container,
.groups__hero-container,
.group__container,
.homepage__container,
.members__hero-container,
.members__people-container,
.nav__container,
.nav--mobile .nav__container,
.page__container,
.profile__hero-container,
.profile__container,
.profile__public-container,
.search__container,
.newsletter__container {
  margin-right: auto;
  margin-left: auto; }

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem; }

.row {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap; }

.event-wrap {
  max-width: 1018px;
  margin: 0 auto; }

.row.reverse {
  flex-direction: row-reverse; }

.col.reverse {
  flex-direction: column-reverse; }

[class^="col-"] {
  box-sizing: border-box;
  flex: 0 1 auto;
  max-width: 100%;
  flex-basis: 100%; }

@media screen and (min-width: 320px) {
  
  .container,
  .not-found__container,
  .activities__container,
  .activities__hero-container,
  .activity__container,
  .campaigns__container,
  .campaigns__hero-container,
  .create-group__container,
  .events__container,
  .groups__container,
  .groups__hero-container,
  .group__container,
  .homepage__container,
  .members__hero-container,
  .members__people-container,
  .nav__container,
  .nav--mobile .nav__container,
  .page__container,
  .profile__hero-container,
  .profile__container,
  .profile__public-container,
  .search__container,
  .newsletter__container {
    width: 320px; }
  .col-sm-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .start-sm {
    justify-content: flex-start;
    text-align: start; }
  .center-sm {
    justify-content: center; }
  .end-sm {
    justify-content: flex-end;
    text-align: end; }
  .top-sm {
    align-items: flex-start; }
  .middle-sm {
    align-items: center; }
  .bottom-sm {
    align-items: flex-end; }
  .around-sm {
    justify-content: space-around; }
  .between-sm {
    justify-content: space-between; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; } }

@media screen and (min-width: 768px) {
  
  .container,
  .not-found__container,
  .activities__container,
  .activities__hero-container,
  .activity__container,
  .campaigns__container,
  .campaigns__hero-container,
  .create-group__container,
  .events__container,
  .groups__container,
  .groups__hero-container,
  .group__container,
  .homepage__container,
  .members__hero-container,
  .members__people-container,
  .nav__container,
  .nav--mobile .nav__container,
  .page__container,
  .profile__hero-container,
  .profile__container,
  .profile__public-container,
  .search__container,
  .newsletter__container {
    width: 768px; }
  .col-md-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .start-md {
    justify-content: flex-start;
    text-align: start; }
  .center-md {
    justify-content: center; }
  .end-md {
    justify-content: flex-end;
    text-align: end; }
  .top-md {
    align-items: flex-start; }
  .middle-md {
    align-items: center; }
  .bottom-md {
    align-items: flex-end; }
  .around-md {
    justify-content: space-around; }
  .between-md {
    justify-content: space-between; }
  .first-md {
    order: -1; }
  .last-md {
    order: 1; } }

@media screen and (min-width: 1024px) {
  
  .container,
  .not-found__container,
  .activities__container,
  .activities__hero-container,
  .activity__container,
  .campaigns__container,
  .campaigns__hero-container,
  .create-group__container,
  .events__container,
  .groups__container,
  .groups__hero-container,
  .group__container,
  .homepage__container,
  .members__hero-container,
  .members__people-container,
  .nav__container,
  .nav--mobile .nav__container,
  .page__container,
  .profile__hero-container,
  .profile__container,
  .profile__public-container,
  .search__container,
  .newsletter__container {
    width: 1024px; }
  .col-lg-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .start-lg {
    justify-content: flex-start;
    text-align: start; }
  .center-lg {
    justify-content: center; }
  .end-lg {
    justify-content: flex-end;
    text-align: end; }
  .top-lg {
    align-items: flex-start; }
  .middle-lg {
    align-items: center; }
  .bottom-lg {
    align-items: flex-end; }
  .around-lg {
    justify-content: space-around; }
  .between-lg {
    justify-content: space-between; }
  .first-lg {
    order: -1; }
  .last-lg {
    order: 1; } }

.title, .campaign-rsvp__title, .campaign-rsvp__subtitle {
  font-family: "Zilla Slab", sans-serif;
  font-size: 3rem;
  font-weight: normal; }
  .title--main {
    font-size: 2.5rem; }
    @media (min-width: 1024px) {
      .title--main {
        font-size: 4rem; } }

.subheader {
  font-size: 2rem;
  line-height: 2.25rem;
  font-family: "Zilla Slab", sans-serif;
  font-weight: normal; }
  @media (min-width: 768px) {
    .subheader {
      font-size: 2.25rem;
      line-height: 2.6875rem; } }
  @media (min-width: 1024px) {
    .subheader {
      font-size: 3rem;
      line-height: 3rem; } }

.subtitle {
  font-size: 1rem;
  line-height: 1.5rem; }
  @media (min-width: 1024px) {
    .subtitle {
      font-size: 1.125rem;
      line-height: 1.75rem; } }

.btn--small {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.375rem; }
  @media (min-width: 1024px) {
    .btn--small {
      font-size: 1rem;
      line-height: 1.125rem; } }

p {
  line-height: 1.5rem; }

.text--small {
  font-size: 14px; }

.large-number {
  font-family: "Zilla Slab", sans-serif;
  font-size: 6.5rem;
  font-weight: bold;
  line-height: 1; }

.tag, .event-creator__tag {
  font-size: 12px; }

.text--light {
  color: #737373;
  line-height: 18px;
  vertical-align: center; }

.title--card {
  font-size: 24px;
  font-family: "Zilla Slab", sans-serif; }

.title--secondary {
  font-family: "Zilla Slab", sans-serif;
  font-weight: normal;
  font-size: 2rem; }

.select, .event-creator__dropdown, .event-creator__three-up select, .create-group__select, .group__nav-select, .profile__select-container select, .profile__select, .newsletter__dropdown {
  -webkit-appearance: none;
  padding: 8px 16px;
  background: #ededf0;
  border: 1px solid #ededf0;
  border-radius: 5px;
  line-height: 24px;
  flex: 1 0 auto;
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center; }
  .select__label, .event-creator__three-up label {
    display: inline-block;
    font-size: 14px;
    color: #737373;
    padding-right: 8px; }
  .select__icon, .event-creator__chevron {
    position: absolute;
    right: 14px;
    top: 8px; }

.label, .event-creator__label, .event-creator__error__label, .event-creator__error__label.event-creator__label, .create-group__label, .profile__label, .newsletter__label, .campaign-rsvp__label {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #737373; }

.input, .event-creator__input, .event-creator__image-upload, .create-group__input, .profile__input, .newsletter__input, .campaign-rsvp__input {
  background-color: #ededf0;
  border: 1px solid #ededf0;
  border-radius: 5px;
  height: auto;
  padding: 10px 16px; }

.fieldset, .event-creator__fieldset {
  border: none;
  padding: 0;
  margin: 0; }


.container,
.not-found__container,
.activities__container,
.activities__hero-container,
.activity__container,
.campaigns__container,
.campaigns__hero-container,
.create-group__container,
.events__container,
.groups__container,
.groups__hero-container,
.group__container,
.homepage__container,
.members__hero-container,
.members__people-container,
.nav__container,
.nav--mobile .nav__container,
.page__container,
.profile__hero-container,
.profile__container,
.profile__public-container,
.search__container,
.newsletter__container {
  margin: 0 auto;
  max-width: 1440px;
  min-width: 320px;
  padding: 0 24px;
  width: 100%; }
  @media (min-width: 768px) {
    
    .container,
    .not-found__container,
    .activities__container,
    .activities__hero-container,
    .activity__container,
    .campaigns__container,
    .campaigns__hero-container,
    .create-group__container,
    .events__container,
    .groups__container,
    .groups__hero-container,
    .group__container,
    .homepage__container,
    .members__hero-container,
    .members__people-container,
    .nav__container,
    .nav--mobile .nav__container,
    .page__container,
    .profile__hero-container,
    .profile__container,
    .profile__public-container,
    .search__container,
    .newsletter__container {
      padding: 0 64px; } }
  @media (min-width: 1024px) {
    
    .container,
    .not-found__container,
    .activities__container,
    .activities__hero-container,
    .activity__container,
    .campaigns__container,
    .campaigns__hero-container,
    .create-group__container,
    .events__container,
    .groups__container,
    .groups__hero-container,
    .group__container,
    .homepage__container,
    .members__hero-container,
    .members__people-container,
    .nav__container,
    .nav--mobile .nav__container,
    .page__container,
    .profile__hero-container,
    .profile__container,
    .profile__public-container,
    .search__container,
    .newsletter__container {
      padding: 0 106px; } }

.hero-title, .activities__title, .campaigns__title, .campaigns__active-campaign-title, .events__title, .groups__title, .members__title {
  display: inline-block;
  font-family: "Zilla Slab", sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 40px;
  margin: 0;
  margin-bottom: 16px;
  padding: 0;
  padding-left: 30px;
  position: relative;
  text-align: center;
  width: auto; }
  .hero-title:after, .activities__title:after, .campaigns__title:after, .campaigns__active-campaign-title:after, .events__title:after, .groups__title:after, .members__title:after {
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px; }
  @media (min-width: 768px) {
    .hero-title, .activities__title, .campaigns__title, .campaigns__active-campaign-title, .events__title, .groups__title, .members__title {
      font-size: 2.25rem;
      line-height: 43px;
      text-align: left; } }
  @media (min-width: 1024px) {
    .hero-title, .activities__title, .campaigns__title, .campaigns__active-campaign-title, .events__title, .groups__title, .members__title {
      font-size: 3rem;
      line-height: 56px; } }

.hero-copy, .activities__hero-copy, .campaigns__hero-copy, .events__text, .groups__hero-copy, .members__hero-copy {
  font-size: 1rem;
  line-height: 24px;
  margin: 0 auto;
  max-width: 270px;
  text-align: center; }
  @media (min-width: 768px) {
    .hero-copy, .activities__hero-copy, .campaigns__hero-copy, .events__text, .groups__hero-copy, .members__hero-copy {
      font-size: 1.125rem;
      line-height: 28px;
      margin: 0;
      margin-bottom: 24px;
      max-width: 300px;
      text-align: left; } }
  @media (min-width: 1024px) {
    .hero-copy, .activities__hero-copy, .campaigns__hero-copy, .events__text, .groups__hero-copy, .members__hero-copy {
      max-width: 493px; } }

.error, .event-creator__error {
  border: 1px solid #ff0039; }

.not-found {
  width: 100%;
  padding-top: 46px; }
  @media (min-width: 768px) {
    .not-found {
      padding-top: 106px; } }
  .not-found__container {
    display: flex;
    flex-direction: column;
    height: 100%; }
    @media (min-width: 768px) {
      .not-found__container {
        align-items: center;
        flex-direction: row;
        justify-content: space-between; } }
    @media (min-width: 1024px) {
      .not-found__container {
        min-height: 600px; } }
  .not-found__image-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (min-width: 768px) {
      .not-found__image-container {
        margin-left: 24px; } }
  .not-found__title {
    font-family: "Zilla Slab", sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 40px;
    margin: 0;
    text-align: left;
    width: 100%; }
    @media (min-width: 768px) {
      .not-found__title {
        font-size: 2.25rem;
        line-height: 43px; } }
    @media (min-width: 1024px) {
      .not-found__title {
        font-size: 3rem;
        line-height: 56px; } }
  .not-found__copy {
    font-size: 1rem;
    line-height: 24px;
    max-width: 598px;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .not-found__copy {
        font-size: 1.125rem;
        line-height: 28px;
        margin-bottom: 32px; } }
    @media (min-width: 1024px) {
      .not-found__copy {
        margin-bottom: 48px; } }
  .not-found__404 {
    font-family: "Zilla Slab", sans-serif;
    font-size: 3rem;
    line-height: 48px;
    margin: 0;
    padding: 0; }
  .not-found__image {
    display: none; }
    @media (min-width: 768px) {
      .not-found__image {
        display: block;
        height: auto;
        width: 100%; } }
  .not-found__cta {
    border: none;
    border-radius: 28px !important;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 100%; }
    @media (min-width: 768px) {
      .not-found__cta {
        width: auto; } }

.activities {
  width: 100%; }
  .activities__container {
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    z-index: 50;
    top: -150px; }
    @media (min-width: 768px) {
      .activities__container {
        top: -60px; } }
  .activities__hero {
    background-color: #FFDFE7;
    height: 384px;
    padding: 0 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .activities__hero {
        background-image: url("./images/activities.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right -50px bottom -10px;
        height: 404px;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .activities__hero {
        background-image: none;
        height: 332px;
        padding: 0 106px; } }
  .activities__hero-container {
    background-repeat: no-repeat;
    height: 100%;
    justify-content: center;
    max-width: 1228px;
    padding: 0;
    padding-top: 24px;
    position: relative;
    text-align: center; }
    @media (min-width: 768px) {
      .activities__hero-container {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        text-align: left; } }
    @media (min-width: 1024px) {
      .activities__hero-container {
        background-image: url("./images/activities.png");
        background-position: right center;
        background-size: contain; } }
  .activities__hero-link {
    color: #000000; }
  .activities__link {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none; }
  .activities__title:after {
    background-color: #FF4F5E; }
  @media (min-width: 1024px) {
    .activities__hero-copy {
      max-width: 493px; } }
  @media (min-width: 768px) {
    .activities .activities__column {
      max-width: calc(50% - 16px); } }
  @media (min-width: 1024px) {
    .activities .activities__column {
      max-width: calc(33.33% - 22px); } }
  @media (min-width: 768px) {
    .activities .activities__column:nth-of-type(3n) {
      margin-right: 16px; } }
  @media (min-width: 1024px) {
    .activities .activities__column:nth-of-type(3n) {
      margin-right: 0; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .activities .activities__column:nth-of-type(2n + 1) {
      margin-left: 0;
      margin-right: 16px; } }
  @media (min-width: 1024px) {
    .activities .activities__column:nth-of-type(3n + 1) {
      margin-left: 0; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .activities .activities__column:nth-of-type(2n) {
      margin-right: 0px; } }
  .activities .activities__column {
    margin: 16px 0; }
    @media (min-width: 768px) {
      .activities .activities__column {
        max-width: calc(50% - 16px);
        margin: 32px 16px; } }
    @media (min-width: 1024px) {
      .activities .activities__column {
        max-width: calc(33.33% - 22px); } }
  .activities__activities {
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 768px) {
      .activities__activities {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start; } }
    .activities__activities:after {
      content: '';
      flex: auto; }
  .activities__card {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    transition: transform 0.3s ease-in-out;
    width: 100%;
    display: block;
    height: 100%;
    position: relative; }
    .activities__card.groups__card--homepage {
      height: 100%;
      max-height: 435px; }
    @media (min-width: 768px) {
      .activities__card {
        flex: 0 48%;
        margin-right: 4%; }
        .activities__card:nth-of-type(2n) {
          margin-right: 0; } }
    @media (min-width: 1024px) {
      .activities__card {
        flex: 0 32%;
        margin-right: 2%; }
        .activities__card:nth-of-type(2n) {
          margin-right: 2%; }
        .activities__card:nth-of-type(3n) {
          margin-right: 0; } }
    .activities__card:hover {
      transform: scale(1.02); }
      .activities__card:hover .activities__activity-title {
        text-decoration: underline; }
  .activities__activity-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 45.4%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  .activities__activity-title {
    color: #000000;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0; }
  .activities__card-content {
    color: #737373;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-size: 0.875rem;
    height: 100%;
    justify-content: flex-start;
    line-height: 20px;
    padding: 24px 32px;
    padding-top: calc(45.4% + 24px); }
  .activities__tag-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 24px; }
    .activities__tag-container .activities__tag {
      margin-right: 16px; }
  .activities__tag {
    background-color: #ededf0;
    border-radius: 50px;
    color: #42425a;
    font-size: 0.75rem;
    line-height: 16px;
    padding: 6px 12px; }
  .activities__time-commitment {
    margin-left: 10px; }
  .activities__copy {
    padding: 0;
    margin: 0; }
  .activities__pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
    width: 100%; }
  .activities__pagination-container {
    align-items: center;
    color: #000000;
    display: flex;
    flex-direction: row;
    font-size: 0.875rem;
    height: 24px;
    justify-content: space-between;
    line-height: 22px;
    max-width: 324px;
    width: 100%; }
  .activities__pagination-link {
    color: #000000;
    font-size: 0.875rem;
    line-height: 22px;
    text-decoration: none;
    position: relative;
    padding: 10px 24px; }
    .activities__pagination-link.activities__pagination-link--active:after, .activities__pagination-link:hover:after {
      content: '';
      position: absolute;
      border-bottom: 1px solid #000000;
      bottom: 8px;
      display: block;
      width: calc(100% - 48px);
      left: 24px; }
    .activities__pagination-link.activities__pagination-link--arrow:hover::after {
      border-bottom: 1px solid #0060DF; }

.activity {
  margin-top: 66px;
  width: 100%; }
  .activity__title {
    color: #20123a;
    font-family: "Zilla Slab", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
    margin-top: 30px; }
    @media (min-width: 768px) {
      .activity__title {
        font-size: 2.25rem;
        line-height: 43px; } }
    @media (min-width: 1024px) {
      .activity__title {
        font-size: 3rem;
        line-height: 48px; } }
  .activity__info {
    display: flex;
    flex-direction: column;
    margin-top: 32px; }
    @media (min-width: 1024px) {
      .activity__info {
        flex-direction: row;
        justify-content: space-between; } }
  .activity__left-column {
    width: 100%; }
    @media (min-width: 1024px) {
      .activity__left-column {
        max-width: 703px; } }
  .activity__right-column {
    margin-top: 32px;
    width: 100%; }
    .activity__right-column .group__card {
      margin-top: 32px; }
      .activity__right-column .group__card:first-of-type {
        margin-top: 0; }
    @media (min-width: 1024px) {
      .activity__right-column {
        margin-left: 40px;
        margin-top: 0;
        max-width: 388px;
        width: 50%; } }
  .activity__card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden; }
    .activity__card.group__card--community-link {
      height: 88px; }
    .activity__card.group__card--table .group__card-content {
      padding: 0; }
    .activity__card ~ .activity__card--additional, .activity__card.activity__card--flow, .activity__card.activity__card--metrics,
    .activity__card ~ .activity__card--related-events, .activity__card.activity__card--video {
      margin-top: 32px; }
    .activity__card--related-events .activity__card-content {
      padding: 0; }
      .activity__card--related-events .activity__card-content span:first-child {
        padding: 16px 16px 0; }
      @media (min-width: 768px) {
        .activity__card--related-events .activity__card-content span:first-child {
          padding: 24px 24px 0; } }
      @media (min-width: 1024px) {
        .activity__card--related-events .activity__card-content span:first-child {
          padding: 32px 32px 0; } }
  .activity__card-content {
    padding: 16px; }
    @media (min-width: 768px) {
      .activity__card-content {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .activity__card-content {
        padding: 32px; } }
    .activity__card-content--small {
      padding: 16px 16px 0 16px; }
      @media (min-width: 768px) {
        .activity__card-content--small {
          padding: 24px 24px 0 24px; } }
      @media (min-width: 1024px) {
        .activity__card-content--small {
          padding: 32px 32px 0 32px; } }
    .activity__card-content p {
      font-size: 1rem;
      line-height: 24px;
      margin: 0;
      margin-bottom: 8px; }
    .activity__card-content a {
      color: #0060DF; }
    .activity__card-content span {
      color: #737373;
      display: inline-block;
      font-size: 0.875rem;
      line-height: 24px;
      position: relative;
      width: 100%; }
  .activity__card-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 100%;
    max-height: 298px;
    min-height: 128px;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .activity__card-image {
        height: 298px; } }
    @media (min-width: 1024px) {
      .activity__card-image {
        height: 328px; } }
  .activity__cta-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    @media (min-width: 768px) {
      .activity__cta-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between; } }
    @media (min-width: 768px) {
      .activity__cta-container--single {
        justify-content: flex-end; } }
    .activity__cta-container .activity__cta {
      background-color: #0060DF;
      border: 1px solid #0060DF;
      border-radius: 28px;
      color: #fff;
      flex-shrink: 0;
      font-size: 1rem;
      height: auto;
      line-height: 18px;
      margin-bottom: 16px;
      min-width: 160px;
      padding: 15px 33px;
      text-align: center;
      text-decoration: none;
      transition: background-color 0.2s ease-in; }
      .activity__cta-container .activity__cta:focus, .activity__cta-container .activity__cta:hover {
        background-color: #fff;
        color: #0060DF; }
      @media (min-width: 768px) {
        .activity__cta-container .activity__cta {
          height: 48px; } }
      .activity__cta-container .activity__cta.activity__cta--share {
        background-color: #fff;
        border: 1px solid #0060DF;
        border-radius: 28px;
        color: #0060DF;
        font-size: 1rem;
        height: 48px;
        line-height: 18px;
        min-width: 160px;
        padding: 15px 33px;
        padding-left: 55px;
        position: relative;
        text-align: center;
        text-decoration: none; }
        .activity__cta-container .activity__cta.activity__cta--share:focus, .activity__cta-container .activity__cta.activity__cta--share:hover {
          background-color: #0060DF;
          color: #fff; }
          .activity__cta-container .activity__cta.activity__cta--share:focus svg path, .activity__cta-container .activity__cta.activity__cta--share:hover svg path {
            stroke: #fff; }
        .activity__cta-container .activity__cta.activity__cta--share svg {
          left: 33px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
  .activity__keyline {
    border: 0;
    border-top: 1px solid #ededf0;
    height: 0; }
  .activity__video-container {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 0;
    position: relative; }
  .activity__video {
    border: 0;
    height: 100%;
    position: absolute;
    width: 100%; }
  .activity__card-title {
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
    margin-top: 32px;
    padding: 0; }
  .activity__accordion {
    background-color: #fff;
    height: 100%;
    margin: 0;
    min-height: 0;
    width: 100%; }
  .activity__accordion-container {
    background: #fff;
    border: 2px solid #ededf0;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
    margin-top: 24px; }
  .activity__accordion-input {
    color: #0060DF;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 28px;
    display: block;
    border: 0;
    background: none;
    width: 100%;
    text-align: left;
    padding: 16px;
    position: relative;
    border: 1px solid white; }
    @media (min-width: 768px) {
      .activity__accordion-input {
        padding: 24px; } }
    .activity__accordion-input:after {
      background-color: #0060DF;
      content: '';
      display: block;
      height: 3px;
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      width: 17px; }
    .activity__accordion-input:before {
      background-color: #0060DF;
      content: '';
      height: 16px;
      opacity: 1;
      position: absolute;
      right: 31px;
      top: 50%;
      transform: translateY(-50%);
      width: 3px;
      transition: opacity 0.3s ease-in; }
    .activity__accordion-input:hover {
      border: 1px solid #0060DF; }
  .activity__accordion-input[aria-expanded=true]:after {
    content: '';
    background-color: #0060DF;
    display: block;
    height: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px; }
  .activity__accordion-input[aria-expanded=true]:before {
    opacity: 0; }
  .activity__accordion-content.active {
    opacity: 1;
    height: 100%; }
  .activity__accordion-content {
    font-size: 1rem;
    height: 0px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    padding: 0 16px; }
    .activity__accordion-content p {
      margin: 0; }
    @media (min-width: 768px) {
      .activity__accordion-content {
        padding: 0 24px; } }
  .activity__accordion-content.active {
    height: auto;
    overflow: visible;
    padding-bottom: 16px; }
    @media (min-width: 768px) {
      .activity__accordion-content.active {
        padding-bottom: 24px; } }
    .activity__accordion-content.active p {
      margin-top: 5px; }
  .activity__tags {
    height: 100%;
    margin-bottom: 24px;
    margin-top: 16px;
    width: 100%; }
    @media (min-width: 1024px) {
      .activity__tags {
        margin-bottom: 32px; } }
    .activity__tags .activity__tag {
      background-color: #ededf0;
      border-radius: 50px;
      color: #42425a;
      display: inline-block;
      font-size: 0.875rem;
      line-height: 20px;
      margin-bottom: 8px;
      max-width: 155px;
      padding: 10px 15px;
      text-align: center;
      text-decoration: none;
      width: auto; }
  .activity__time-commitment {
    color: #737373;
    font-size: 1rem;
    line-height: 24px;
    margin-top: 16px;
    width: 100%; }
    .activity__time-commitment svg {
      margin-right: 4px; }
  .activity__event {
    border-top: 1px solid #ededf0;
    border-bottom: 1px solid #ededf0;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 16px;
    text-decoration: none; }
    .activity__event:first-of-type {
      border-bottom: none;
      margin-top: 16px; }
      @media (min-width: 768px) {
        .activity__event:first-of-type {
          margin-top: 24px; } }
      @media (min-width: 1024px) {
        .activity__event:first-of-type {
          margin-top: 32px; } }
    .activity__event.activity__event--last {
      border-bottom: 1px solid #ededf0; }
    @media (min-width: 768px) {
      .activity__event {
        padding: 24px 32px; } }
    .activity__event:hover .activity__event-title {
      text-decoration: underline; }
  .activity__event-date {
    color: #0060DF;
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    justify-content: center;
    line-height: 28px;
    margin-right: 24px;
    text-align: center;
    width: 36px; }
  .activity__event-title {
    color: #000000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px; }
  .activity__event-location, .activity__event-time {
    color: #737373;
    font-size: 0.875rem;
    line-height: 20px;
    margin-bottom: 8px; }
  .activity__event-location svg {
    transform: translateY(3px);
    margin-right: 3px; }
  .activity__events-link {
    color: #0060DF;
    display: block;
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none;
    padding: 16px; }
    .activity__events-link svg {
      margin-left: 4px; }
    .activity__events-link:hover {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .activity__events-link {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .activity__events-link {
        padding: 32px; } }
  .activity__markup {
    margin: 0;
    margin-top: 16px;
    padding: 0; }
    .activity__markup p {
      margin: 0;
      margin-bottom: 16px;
      padding: 0; }
    .activity__markup ol,
    .activity__markup ul {
      margin: 0;
      padding: 0;
      padding-left: 18px; }
      @media (min-width: 1024px) {
        .activity__markup ol,
        .activity__markup ul {
          padding-left: 20px; } }
      .activity__markup ol li,
      .activity__markup ul li {
        margin-bottom: 16px; }
  .activity__accordion-content a, .activity__card--additional a {
    color: #0060DF;
    text-decoration: none; }
    .activity__accordion-content a:hover, .activity__card--additional a:hover {
      text-decoration: underline; }

.admin__group-status--passed {
  color: #2AC3A2; }

.admin__group-status--red {
  color: #FF4F5E; }

.btn {
  background: none;
  border: 1px solid transparent;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.2s ease-in;
  -webkit-appearance: none; }
  .btn:focus, .btn:hover {
    background-color: #fff;
    color: #0060DF;
    border: 1px solid #0060DF;
    cursor: pointer; }
  .btn--large {
    font-weight: lighter;
    line-height: 22px;
    padding: 10px 0;
    width: 100%; }
  .btn--light {
    border: 1px solid #0060DF;
    border-radius: 28px;
    color: #0060DF; }
    .btn--light:focus, .btn--light:hover {
      background-color: #0060DF;
      color: #fff; }
      .btn--light:focus svg path, .btn--light:hover svg path {
        stroke: #fff; }
  .btn--dark {
    border: 1px solid #0060DF;
    background: #0060DF;
    color: white; }
  .btn--submit {
    border-radius: 28px;
    padding: 15px 35px; }
  .btn--small {
    border-radius: 28px;
    padding: 10px 32px;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .btn--small {
        width: auto; } }
    @media (min-width: 1024px) {
      .btn--small {
        padding: 15px 48px; } }
  .btn--share {
    padding: 9px 24px; }
  .btn + .btn {
    margin-left: 16px; }

.campaign {
  margin-bottom: -58px; }
  @media (min-width: 768px) {
    .campaign {
      margin-bottom: -64px; } }
  @media (min-width: 1024px) {
    .campaign {
      margin-bottom: -125px; } }
  .campaign__hero {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 517px;
    margin: auto; }
    @media (min-width: 768px) {
      .campaign__hero {
        height: 549px; } }
    @media (min-width: 1024px) {
      .campaign__hero {
        height: 459px; } }
  .campaign__hero-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 32px; }
    @media (min-width: 768px) {
      .campaign__hero-container {
        padding: 0;
        width: 637px; } }
    @media (min-width: 1024px) {
      .campaign__hero-container {
        flex-direction: row;
        height: 283px;
        width: 808px; } }
  .campaign__hero-image {
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    height: 176px;
    margin-bottom: 24px;
    width: 176px; }
    @media (min-width: 768px) {
      .campaign__hero-image {
        height: 198px;
        margin-bottom: 32px;
        width: 198px; } }
    @media (min-width: 1024px) {
      .campaign__hero-image {
        height: 283px;
        margin-bottom: 0;
        width: 283px; } }
    .campaign__hero-image.campaign__hero-image--card {
      margin-bottom: 0;
      height: 240px;
      width: 240px; }
      @media (min-width: 768px) {
        .campaign__hero-image.campaign__hero-image--card {
          height: 168px;
          min-width: 168px;
          width: auto; } }
  .campaign__hero-content-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    @media (min-width: 1024px) {
      .campaign__hero-content-container {
        align-items: flex-start;
        text-align: left;
        padding-left: 33px; } }
  .campaign__hero-title {
    color: #000000;
    font-family: "Zilla Slab", sans-serif;
    font-size: 2rem;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    margin-bottom: 24px;
    padding: 0; }
    @media (min-width: 768px) {
      .campaign__hero-title {
        font-size: 3rem;
        font-weight: normal; } }
    @media (min-width: 1024px) {
      .campaign__hero-title {
        max-width: 492px; } }
  .campaign__hero-cta {
    background-color: #0060DF;
    border: 1px solid #0060DF;
    border-radius: 28px;
    color: #fff;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: normal;
    height: auto;
    line-height: 18px;
    margin-bottom: 16px;
    min-width: 160px;
    padding: 15px 33px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease-in;
    width: 186px; }
    .campaign__hero-cta.campaign__hero-cta--secondary {
      color: #0060DF;
      background-color: #fff;
      border: 1px solid #0060DF; }
    .campaign__hero-cta:focus, .campaign__hero-cta:hover {
      background-color: #fff;
      color: #0060DF; }
  .campaign__status {
    color: #737373;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 24px;
    letter-spacing: 0.0025em;
    margin-bottom: 8px; }
  .campaign__date-container {
    color: #20123a;
    font-size: 1.25rem;
    line-height: 28px;
    margin-bottom: 16px; }
  .campaign__intro {
    background-color: #ededf0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 64px 24px; }
    @media (min-width: 768px) {
      .campaign__intro {
        padding: 64px 64px; } }
    @media (min-width: 1024px) {
      .campaign__intro {
        padding: 64px 0; } }
  .campaign__card, .campaign__intro-card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 1.125rem;
    line-height: 28px;
    margin: auto;
    max-width: 808px;
    padding: 16px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__card, .campaign__intro-card {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .campaign__card, .campaign__intro-card {
        padding: 32px; } }
    .campaign__card p, .campaign__intro-card p {
      margin: 0;
      margin-bottom: 16px;
      padding: 0; }
      @media (min-width: 768px) {
        .campaign__card p, .campaign__intro-card p {
          margin-bottom: 24px; } }
      @media (min-width: 1024px) {
        .campaign__card p, .campaign__intro-card p {
          margin-bottom: 32px; } }
  .campaign__keyline {
    background: #cdcdd4;
    border: 0;
    height: 1px;
    margin: 0;
    margin-bottom: 32px;
    width: 100%; }
  .campaign__share-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    @media (min-width: 768px) {
      .campaign__share-container {
        align-items: center;
        flex-direction: row;
        justify-content: space-between; } }
  .campaign__tag-container {
    align-items: center;
    color: #737373;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 0.875rem;
    height: 100%;
    line-height: 20px;
    margin-bottom: 16px; }
    @media (min-width: 768px) {
      .campaign__tag-container {
        margin-bottom: 0; } }
  .campaign__tag {
    background-color: #ededf0;
    border-radius: 50px;
    color: #42425a;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 20px;
    margin-left: 8px;
    padding: 10px 20px; }
  .campaign__share-cta {
    border: 1px solid #0060DF;
    border-radius: 28px;
    color: #0060DF;
    font-size: 0.875rem;
    height: auto;
    line-height: 22px;
    min-width: 160px;
    padding: 15px 33px;
    padding-left: 55px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease-in;
    width: auto;
    max-width: 300px; }
    .campaign__share-cta:first-child:last-child {
      margin-left: auto;
      margin-right: auto; }
    .campaign__share-cta:focus, .campaign__share-cta:hover {
      background-color: #0060DF;
      color: #fff; }
      .campaign__share-cta:focus svg path, .campaign__share-cta:hover svg path {
        stroke: #fff; }
    .campaign__share-cta svg {
      left: 33px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
  .campaign__block-container {
    margin: 0 auto;
    max-width: 808px;
    padding: 0; }
    .campaign__block-container.campaign__block-container--keyline {
      position: relative; }
      .campaign__block-container.campaign__block-container--keyline:before {
        background-color: #cdcdd4;
        content: '';
        display: block;
        height: 1px;
        left: 50%;
        max-width: 808px;
        position: absolute;
        top: -64px;
        transform: translateX(-50%);
        width: 100%; }
  .campaign__heading-2 {
    color: #000000;
    font-family: "Zilla Slab", sans-serif;
    font-size: 2rem;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    margin-bottom: 24px;
    padding: 0; }
    .campaign__heading-2.campaign__heading-2--center {
      text-align: center;
      width: 100%; }
  .campaign__heading-3 {
    color: #000000;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0; }
  .campaign__heading-4 {
    color: #000000;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 28px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0; }
    .campaign__heading-4.campaign__heading-4--center {
      text-align: center;
      margin-bottom: 24px;
      width: 100%; }
  .campaign__1up-text-block {
    background-color: #fff;
    padding: 64px 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__1up-text-block {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .campaign__1up-text-block {
        padding: 64px 0; } }
    .campaign__1up-text-block.campaign__1up-text-block--grey {
      background-color: #ededf0; }
  .campaign__2up-text-block {
    background-color: #fff;
    padding: 64px 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__2up-text-block {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .campaign__2up-text-block {
        padding: 64px 0; } }
    .campaign__2up-text-block.campaign__2up-text-block--grey {
      background-color: #ededf0; }
  .campaign__3up-text-block {
    background-color: #fff;
    width: 100%; }
    .campaign__3up-text-block .campaign__block-container {
      max-width: 1440px;
      margin: 0 auto;
      padding: 64px 24px; }
      @media (min-width: 768px) {
        .campaign__3up-text-block .campaign__block-container {
          padding: 64px 64px; } }
      @media (min-width: 1024px) {
        .campaign__3up-text-block .campaign__block-container {
          padding: 64px 106px; } }
    .campaign__3up-text-block.campaign__3up-text-block--grey {
      background-color: #ededf0; }
  .campaign__image-text-block {
    background-color: #fff;
    padding: 64px 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__image-text-block {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .campaign__image-text-block {
        padding: 64px 0; } }
    .campaign__image-text-block.campaign__image-text-block--grey {
      background-color: #ededf0; }
  .campaign__text-card-block {
    background-color: #ededf0;
    padding: 64px 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__text-card-block {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .campaign__text-card-block {
        padding: 64px 0; } }
  .campaign__events-block {
    background-color: #ededf0;
    padding: 64px 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__events-block {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .campaign__events-block {
        padding: 64px 0; } }
  .campaign__video-block {
    background-color: #fff;
    padding: 64px 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__video-block {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .campaign__video-block {
        padding: 64px 0; } }
    .campaign__video-block.campaign__video-block--grey {
      background-color: #ededf0; }
  .campaign__imagery-block {
    background-color: #fff;
    padding: 64px 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__imagery-block {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .campaign__imagery-block {
        padding: 64px 0; } }
    .campaign__imagery-block.campaign__imagery-block--grey {
      background-color: #ededf0; }
  .campaign__outro-cta-block {
    background-color: #fff;
    padding: 64px 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__outro-cta-block {
        padding: 64px; } }
    @media (min-width: 1024px) {
      .campaign__outro-cta-block {
        padding: 64px 0; } }
    .campaign__outro-cta-block.campaign__outro-cta-block--grey {
      background-color: #ededf0; }
  .campaign__image-text-block-container {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .campaign__image-text-block-container {
        flex-direction: row; } }
  .campaign__image-text-block-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .campaign__image-text-block-text-container {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .campaign__image-text-block-image-container {
      padding-left: 32px; } }
  .campaign__image-text-block-image {
    border-radius: 4px;
    display: block;
    height: auto;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__image-text-block-image {
        min-width: 308px; } }
  .campaign__block-content p {
    font-size: 1rem;
    line-height: 24px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0; }
  .campaign__block-content ol, .campaign__block-content ul {
    line-height: 24px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0; }
    .campaign__block-content ol li, .campaign__block-content ul li {
      margin-left: 20px; }
      .campaign__block-content ol li.tag:first-of-type, .campaign__block-content ol li.event-creator__tag:first-of-type, .campaign__block-content ul li.tag:first-of-type, .campaign__block-content ul li.event-creator__tag:first-of-type {
        margin-left: 0; }
  .campaign__block-content a {
    color: #0060DF; }
    .campaign__block-content a.campaign__outro-cta {
      color: #fff;
      display: inline-block;
      text-decoration: none; }
      .campaign__block-content a.campaign__outro-cta:hover {
        color: #0060DF; }
  .campaign__block-content.campaign__block-content--center {
    text-align: center; }
  .campaign__cta {
    background-color: transparent;
    border: 1px solid #0060DF;
    border-radius: 28px;
    color: #0060DF;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 22px;
    margin-top: 24px;
    min-width: 142px;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease-in; }
    .campaign__cta:focus, .campaign__cta:hover {
      background-color: #0060DF;
      color: #fff; }
  .campaign__columns-container {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .campaign__columns-container {
        flex-direction: row;
        justify-content: space-between; } }
    .campaign__columns-container .campaign__column {
      margin-bottom: 32px;
      max-width: 388px;
      text-align: center;
      width: 100%; }
      @media (min-width: 768px) {
        .campaign__columns-container .campaign__column {
          margin-bottom: 0; } }
    @media (min-width: 768px) {
      .campaign__columns-container.campaign__columns-container--three {
        align-items: flex-start; } }
    .campaign__columns-container.campaign__columns-container--three .campaign__column {
      margin-bottom: 32px;
      text-align: center; }
      @media (min-width: 768px) {
        .campaign__columns-container.campaign__columns-container--three .campaign__column {
          margin-bottom: 0;
          max-width: 30%;
          text-align: left; } }
      @media (min-width: 1024px) {
        .campaign__columns-container.campaign__columns-container--three .campaign__column {
          text-align: center; } }
  .campaign__events-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .campaign__events-container {
        flex-direction: row;
        justify-content: space-between; } }
  .campaign__event {
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #20123a;
    display: block;
    margin-bottom: 24px;
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.3s ease-in-out;
    width: 100%; }
    .campaign__event:hover {
      transform: scale(1.02); }
      .campaign__event:hover .campaign__event-title {
        text-decoration: underline; }
    @media (min-width: 768px) {
      .campaign__event {
        width: 48%; } }
  .campaign__event-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 50%;
    background-image: url("./images/event.jpg");
    height: 122px;
    overflow: hidden;
    padding: 16px;
    position: relative; }
    @media (min-width: 768px) {
      .campaign__event-image {
        height: 138px;
        padding: 25px; } }
    @media (min-width: 1024px) {
      .campaign__event-image {
        height: 175px; } }
  .campaign__event-container {
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 100%;
    padding: 16px 32px 24px; }
  .campaign__event-title {
    color: #20123a;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0; }
  .campaign__event-date {
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    color: #42425a;
    display: flex;
    flex-direction: column;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    height: 88px;
    justify-content: center;
    line-height: 29px;
    padding: 15px 25px;
    text-align: center;
    width: 88px; }
    @media (min-width: 1024px) {
      .campaign__event-date {
        height: 120px;
        padding: 20px 30px;
        width: 120px; } }
  .campaign__event-time {
    color: #20123a;
    font-size: 1rem;
    line-height: 24px;
    margin: 0;
    margin-bottom: 16px; }
  .campaign__event-location {
    color: #737373;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 20px;
    margin-bottom: 8px; }
    .campaign__event-location svg {
      transform: translateY(3px);
      margin-right: 3px; }
  .campaign__video-container {
    height: 0;
    margin-top: 24px;
    padding-bottom: 56.25%;
    padding-top: 0;
    position: relative; }
  .campaign__video {
    border: 0;
    height: 100%;
    position: absolute;
    width: 100%; }
  .campaign__imagery-images-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px; }
    @media (min-width: 768px) {
      .campaign__imagery-images-container {
        flex-direction: row; } }
  .campaign__imagery-image-container {
    width: 100%;
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .campaign__imagery-image-container {
        margin-bottom: 0;
        width: 48%; } }
  .campaign__imagery-image {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
    height: 342px;
    margin-bottom: 8px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaign__imagery-image {
        background-size: cover; } }
  .campaign__imagery-caption {
    font-size: 0.875rem;
    line-height: 20px; }
  .campaign__outro-cta {
    background-color: #0060DF;
    border: 1px solid #0060DF;
    border-radius: 28px;
    color: #fff;
    font-size: 1rem;
    line-height: 18px;
    padding: 15px 35px;
    text-align: center;
    transition: background-color 0.2s ease-in; }
    .campaign__outro-cta:focus, .campaign__outro-cta:hover {
      background-color: #fff;
      color: #0060DF; }
  .campaign__campaign-events {
    align-items: center;
    color: #737373;
    display: flex;
    flex-direction: row;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 20px;
    margin-bottom: 24px;
    margin-top: 8px; }
    .campaign__campaign-events svg {
      margin-right: 8px; }

.campaigns {
  width: 100%; }
  .campaigns__container {
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .campaigns__container {
        margin-top: -28px; } }
  .campaigns__hero {
    background-color: #F7E2FF;
    height: 384px;
    padding: 0 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .campaigns__hero {
        background-image: url("./images/campaigns.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right -50px bottom -10px;
        height: 404px;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .campaigns__hero {
        background-image: none;
        height: 332px;
        padding: 0 106px; } }
  .campaigns__hero-container {
    background-repeat: no-repeat;
    height: 100%;
    justify-content: center;
    max-width: 1228px;
    padding: 0;
    padding-top: 24px;
    position: relative;
    text-align: center; }
    @media (min-width: 768px) {
      .campaigns__hero-container {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        text-align: left; } }
    @media (min-width: 1024px) {
      .campaigns__hero-container {
        background-image: url("./images/campaigns.png");
        background-position: right center;
        background-size: contain; } }
  .campaigns__hero-link {
    color: #000000; }
  .campaigns__title:after {
    background-color: #D74CF0; }
  @media (min-width: 1024px) {
    .campaigns__hero-copy {
      max-width: 493px; } }
  .campaigns__past-campaigns-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%; }
    @media (min-width: 768px) {
      .campaigns__past-campaigns-container {
        flex-direction: row;
        justify-content: space-between; } }
  .campaigns__active-campaign {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    margin-top: -162px;
    padding: 16px;
    width: 100%;
    z-index: 10; }
    @media (min-width: 768px) {
      .campaigns__active-campaign {
        margin-top: 0;
        padding: 24px; } }
    @media (min-width: 1024px) {
      .campaigns__active-campaign {
        max-width: 1018px;
        padding: 48px 106px; } }
  .campaigns__active-campaign-hero-container {
    align-items: center;
    display: flex;
    flex-direction: column; }
    .campaigns__active-campaign-hero-container.campaigns__active-campaign-hero-container--card {
      flex-direction: row;
      flex-wrap: wrap; }
    @media (min-width: 768px) {
      .campaigns__active-campaign-hero-container {
        flex-direction: row; } }
  .campaigns__active-campaign-status {
    color: #737373;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 24px;
    margin: 0;
    margin-bottom: 8px;
    padding: 0; }
  .campaigns__active-campaign-title {
    color: #20123a;
    font-size: 2rem;
    line-height: 40px;
    margin: 0;
    padding: 0; }
    .campaigns__active-campaign-title.campaigns__active-campaign-title--card {
      font-size: 1.5rem;
      line-height: 32px;
      text-align: center; }
      @media (min-width: 768px) {
        .campaigns__active-campaign-title.campaigns__active-campaign-title--card {
          text-align: left; } }
  .campaigns__active-campaign-title-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0; }
    @media (min-width: 768px) {
      .campaigns__active-campaign-title-container {
        align-items: flex-start;
        margin-left: 24px; } }
    @media (min-width: 1024px) {
      .campaigns__active-campaign-title-container {
        margin-left: 32px; } }
    .campaigns__active-campaign-title-container.campaigns__active-campaign-title-container--card {
      align-items: flex-start;
      margin-top: 16px;
      text-align: center; }
      @media (min-width: 768px) {
        .campaigns__active-campaign-title-container.campaigns__active-campaign-title-container--card {
          margin-top: 0; } }
  .campaigns__active-campaign-date-container {
    color: #20123a;
    font-size: 1rem;
    line-height: 24px;
    margin: 0;
    margin-bottom: 24px;
    margin-top: 10px; }
    .campaigns__active-campaign-date-container.campaigns__active-campaign-date-container--card {
      font-size: 0.875rem;
      line-height: 24px;
      margin-bottom: 0;
      text-align: center;
      width: 100%; }
      @media (min-width: 768px) {
        .campaigns__active-campaign-date-container.campaigns__active-campaign-date-container--card {
          text-align: left; } }
  .campaigns__active-campaign-description {
    color: #20123a;
    font-size: 1rem;
    line-height: 24px;
    margin: 0;
    margin-top: 24px;
    padding: 0;
    text-align: left; }
    .campaigns__active-campaign-description p {
      margin: 0;
      padding: 0; }
    @media (min-width: 768px) {
      .campaigns__active-campaign-description {
        font-size: 1.125rem;
        line-height: 28px; } }
    .campaigns__active-campaign-description.campaigns__active-campaign-description--card {
      font-size: 1rem;
      line-height: 24px;
      margin: 0;
      margin-top: 16px;
      padding-bottom: 16px;
      width: 100%; }
  .campaigns__incoming-campaign-container {
    margin: 0 auto;
    margin-top: 48px;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .campaigns__incoming-campaign-container {
        margin-top: 64px; } }
    .campaigns__incoming-campaign-container .campaigns__active-campaign {
      margin-top: 0; }
  .campaigns__incoming-campaign-copy {
    margin: 0;
    margin-bottom: 32px;
    margin-top: 16px;
    padding: 0; }
  .campaigns__active-campaign-tags {
    margin-top: 24px;
    text-align: left; }
    @media (min-width: 1024px) {
      .campaigns__active-campaign-tags {
        margin-top: 36px; } }
    .campaigns__active-campaign-tags.campaigns__active-campaign-tags--card {
      margin-top: auto; }
  .campaigns__active-campaign-tag {
    background-color: #ededf0;
    border-radius: 50px;
    color: #42425a;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 16px;
    padding: 6px 12px; }
  .campaigns__past-campaigns {
    margin-top: 48px;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .campaigns__past-campaigns {
        margin-top: 64px; } }
    @media (min-width: 1024px) {
      .campaigns__past-campaigns {
        margin-top: 88px; } }
    .campaigns__past-campaigns .campaigns__incoming-campaign-copy {
      margin: 0 auto;
      margin-top: 16px;
      max-width: 665px; }
  .campaigns__campaign {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding: 24px;
    text-decoration: none;
    transition: transform 0.3s ease-in-out; }
    .campaigns__campaign:hover {
      transform: scale(1.02); }
      .campaigns__campaign:hover .campaigns__active-campaign-title {
        text-decoration: underline; }
    @media (min-width: 768px) {
      .campaigns__campaign {
        padding: 32px;
        width: 100%; } }
    @media (min-width: 1024px) {
      .campaigns__campaign {
        max-width: 48%; } }
  .campaigns__pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
    width: 100%; }
  .campaigns__pagination-container {
    align-items: center;
    color: #000000;
    display: flex;
    flex-direction: row;
    font-size: 0.875rem;
    height: 24px;
    justify-content: space-between;
    line-height: 22px;
    max-width: 324px;
    width: 100%; }
  .campaigns__pagination-link {
    color: #000000;
    font-size: 0.875rem;
    line-height: 22px;
    margin-right: 1em;
    text-decoration: none;
    padding: 10px; }
    .campaigns__pagination-link.campaigns__pagination-link--active, .campaigns__pagination-link:hover {
      position: relative; }
      .campaigns__pagination-link.campaigns__pagination-link--active:after, .campaigns__pagination-link:hover:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #000000;
        bottom: 8px;
        display: block;
        width: calc(100% - 20px);
        left: 10px; }
    .campaigns__pagination-link--arrow:hover::after {
      border-color: #0060DF; }
  .campaigns__past-campaign-hero {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 768px) {
      .campaigns__past-campaign-hero {
        flex-direction: row; } }

.card, .events .card {
  background: white;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease-in-out; }

.event-card {
  background: white;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  height: 100%;
  transition: transform 0.3s ease-in-out; }
  .event-card__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 50%;
    background-image: url("./images/event.jpg");
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 175px;
    overflow: hidden;
    position: relative; }
    .event-card__image img {
      display: block;
      max-width: 100%; }
  .event-card__image__date {
    background: white;
    bottom: 28px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
    display: inline-block;
    font-family: "Zilla Slab", sans-serif;
    left: 24px;
    position: absolute;
    padding: 20px 35px;
    text-align: center; }
    .event-card__image__date span {
      display: block;
      font-size: 2rem;
      line-height: 40px; }
  .event-card__description {
    display: flex;
    flex-direction: column;
    padding: 16px 32px 24px; }
    .event-card__description p {
      font-size: 1rem;
      line-height: 24px; }
    .event-card__description__title {
      font-family: "Zilla Slab", sans-serif;
      font-size: 1.5rem;
      line-height: 32px;
      margin: 0; }
  .event-card .events__tags {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-self: flex-end;
    margin: 0;
    margin-top: auto;
    padding: 0 32px 24px;
    width: 100%; }
    .event-card .events__tags .tag, .event-card .events__tags .event-creator__tag {
      margin-right: 11px;
      margin-top: 10px; }
  .event-card__location {
    align-items: center;
    display: flex; }
    .event-card__location p {
      color: #737373;
      font-size: 0.875rem;
      letter-spacing: 0.0025em;
      line-height: 20px;
      margin: 0;
      padding-left: 8px; }
  .event-card:hover {
    transform: scale(1.02); }
    .event-card:hover .event-card__description__title {
      text-decoration: underline; }

div.time-picker ul li {
  height: auto; }

.em-search-wrapper .em-events-search,
.events__filter {
  border-radius: 5px;
  border: none;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

#event-form #event-name.event-creator__input {
  padding: 10px 16px;
  width: 100%; }

.css-event-form {
  position: relative;
  top: -52px; }

.css-events-admin-login {
  background: #fff;
  max-width: 1018px;
  margin: 0 auto;
  padding: 48px 24px; }

.event-creator {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 4px #cdcdd4;
  padding: 48px 24px;
  max-width: 1018px;
  margin: 0 auto; }
  .event-creator .hidden {
    display: none; }
  .event-creator__container-main {
    padding: 0 24px; }
    @media (min-width: 768px) {
      .event-creator__container-main {
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .event-creator__container-main {
        margin: 0 auto;
        padding: 0 106px; } }
  .event-creator:nth-child(n + 2) {
    margin-top: 32px; }
  @media (min-width: 768px) {
    .event-creator {
      padding: 48px 55px; } }
  @media (min-width: 1024px) {
    .event-creator {
      padding: 80px 105px; } }
  .event-creator__container p {
    line-height: 24px; }
  .event-creator__dropdown {
    background-color: #ededf0 !important;
    background-image: url("./images/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    width: 100%; }
    .event-creator__dropdown.event-creator__input--error {
      border: 1px solid #ff0039; }
  .event-creator__input {
    background-color: #ededf0 !important;
    line-height: 1.25rem; }
    .event-creator__input.event-creator__input--error {
      border: 1px solid #ff0039; }
    .event-creator__input.event-creator__textarea {
      height: 215px; }
      .event-creator__input.event-creator__textarea.event-creator__input--error {
        border: 1px solid #ff0039; }
    .event-creator__input--error {
      border: 1px solid #ff0039; }
  .event-creator__textarea {
    height: 215px; }
  .event-creator__label {
    display: block;
    padding-bottom: 8px; }
    .event-creator__label .online,
    .event-creator__label .in-person {
      display: none; }
    .event-creator__label--in-person .in-person {
      display: block; }
    .event-creator__label--online .online {
      display: block; }
  .event-creator__tag {
    font-size: 14px;
    transition: all 0.3s ease-in; }
    .event-creator__tag:nth-child(n + 2) {
      margin: 8px 15px 8px 0; }
  .event-creator__image-upload#dropzone-photo-uploader {
    border: 1px solid transparent;
    background-size: contain;
    align-items: center;
    background-color: #ededf0;
    background-image: url("/wp-content/themes/community-portal/images/upload-image.svg");
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 90px;
    padding: 0;
    padding-top: 45.3%; }
    @media (min-width: 768px) {
      .event-creator__image-upload#dropzone-photo-uploader {
        margin-bottom: 80px; } }
    .event-creator__image-upload#dropzone-photo-uploader:hover {
      border: 1px solid #0060DF; }
  .event-creator .dz-remove--hide {
    display: none; }
  .event-creator .dz-preview {
    background-color: #ededf0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: none; }
    .event-creator .dz-preview .dz-image {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      margin-bottom: 5px;
      min-height: 100px; }
      @media (min-width: 768px) {
        .event-creator .dz-preview .dz-image {
          margin-bottom: 10px;
          min-height: 150px; } }
      @media (min-width: 1024px) {
        .event-creator .dz-preview .dz-image {
          min-height: 200px; } }
    .event-creator .dz-preview .dz-size {
      display: inline-block;
      margin-right: 10px; }
    .event-creator .dz-preview .dz-details {
      display: none; }
    .event-creator .dz-preview .dz-success-mark {
      display: none; }
    .event-creator .dz-preview .dz-error-mark {
      display: none; }
    .event-creator .dz-preview .dz-remove {
      display: block;
      padding: 10px 0;
      text-align: center; }
  .event-creator__image-instructions {
    border: 0;
    background: none;
    color: #737373;
    font-size: 0.75rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    padding: 0; }
    .event-creator__image-instructions--hide {
      display: none; }
    @media (min-width: 768px) {
      .event-creator__image-instructions {
        bottom: -25px; } }
  .event-creator__submit {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 48px;
    text-align: center; }
    @media (min-width: 768px) {
      .event-creator__submit {
        flex-direction: row; } }
  .event-creator__submit-btn {
    margin: 48px auto 0; }
    .event-creator__submit-btn:hover {
      cursor: pointer; }
  .event-creator__checkbox {
    opacity: 0;
    position: absolute; }
    .event-creator__checkbox:focus + .event-creator__tag,
    .event-creator__checkbox:focus + .event-creator__cpg .event-creator__custom-check {
      outline: 1px solid #0060DF; }
    .event-creator__checkbox + .event-creator__tag {
      background: #fff;
      border: 1px solid #737373;
      border-radius: 25px;
      color: #20123a;
      font-size: 0.875rem;
      letter-spacing: 0.0025em;
      line-height: 24px;
      margin-right: 16px;
      margin-top: 12px;
      padding: 8px 16px;
      text-decoration: none;
      transition: all 0.3s ease-in; }
      .event-creator__checkbox + .event-creator__tag:hover {
        border: 1px solid #737373;
        box-shadow: 0 0 0 4px #737373;
        cursor: pointer; }
    .event-creator__checkbox:checked + .event-creator__tag {
      background: #ededf0;
      border: 1px solid #ededf0; }
  .event-creator__three-up, .event-creator__container {
    margin-top: 24px; }
    @media (min-width: 768px) {
      .event-creator__three-up, .event-creator__container {
        margin-top: 32px; } }
  .event-creator .inside > .event-creator__three-up:first-child,
  .event-creator .event-editor > .event-creator__three-up:first-child {
    margin-top: 0; }
  .event-creator__three-up {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .event-creator__three-up {
        flex-wrap: nowrap; } }
    .event-creator__three-up div {
      margin-bottom: 24px; }
      .event-creator__three-up div:last-child {
        margin-bottom: 0; }
      @media (min-width: 768px) {
        .event-creator__three-up div {
          margin-bottom: 0; } }
    .event-creator__three-up #end-time,
    .event-creator__three-up #start-time {
      width: 100%; }
    @media (min-width: 768px) {
      .event-creator__three-up .thin:nth-child(n + 2),
      .event-creator__three-up .wide:nth-child(n + 2),
      .event-creator__three-up .wide--double:nth-child(n + 2),
      .event-creator__three-up .half:nth-child(n + 2) {
        margin-left: 32px; } }
    .event-creator__three-up select {
      background-image: url("./images/chevron-down.svg");
      background-position: calc(100% - 12px) center;
      background-repeat: no-repeat;
      max-width: 100%; }
    .event-creator__three-up label {
      display: block; }
    .event-creator__three-up .half {
      flex-basis: 100%;
      flex-grow: 1; }
      @media (min-width: 768px) {
        .event-creator__three-up .half {
          flex-basis: 50%; }
          .event-creator__three-up .half:nth-child(2) {
            margin-top: 0; } }
    .event-creator__three-up .wide {
      position: relative;
      flex-basis: 100%;
      width: 100%; }
      @media (min-width: 768px) {
        .event-creator__three-up .wide {
          flex-basis: calc(50% - 16px); } }
      @media (min-width: 1024px) {
        .event-creator__three-up .wide {
          flex-basis: calc(35% - 32px); } }
      @media (min-width: 768px) {
        .event-creator__three-up .wide--md-third {
          flex-basis: calc(33.33% - 32px); } }
      @media (min-width: 1024px) {
        .event-creator__three-up .wide--md-third {
          flex-basis: calc(35% - 32px); } }
      .event-creator__three-up .wide--double {
        position: relative;
        width: 100%;
        flex-grow: 1; }
        .event-creator__three-up .wide--double:not(.event-creator__hidden) + .wide--double {
          margin-left: 0;
          width: 100%; }
        @media (min-width: 768px) {
          .event-creator__three-up .wide--double {
            flex-basis: calc(50% - 16px); } }
        @media (min-width: 1024px) {
          .event-creator__three-up .wide--double {
            flex-basis: calc(65% - 16px); } }
      .event-creator__three-up .wide--full {
        width: 100%; }
    .event-creator__three-up .thin {
      position: relative;
      flex-basis: 100%; }
      .event-creator__three-up .thin select {
        width: 100%; }
      @media (min-width: 768px) {
        .event-creator__three-up .thin {
          flex-basis: calc(33.33% - 32px); } }
      @media (min-width: 1024px) {
        .event-creator__three-up .thin {
          flex-basis: calc(30% - 32px); } }
      .event-creator__three-up .thin--bottom {
        align-items: flex-end;
        display: flex; }
    .event-creator__three-up svg {
      position: relative;
      top: 5px; }
    .event-creator__three-up .edit-text {
      color: #0060DF;
      display: inline-block;
      font-size: 1rem;
      padding: 10px 0 10px 8px; }
    .event-creator__three-up div.form__error-container {
      margin-left: 0;
      margin-bottom: 0; }
  .event-creator__hidden {
    display: none; }
  .event-creator label[for="cpg"] {
    font-size: 14px;
    line-height: 20px; }
  .event-creator__error__label, .event-creator__error__label.event-creator__label {
    color: #ff0039;
    display: none;
    font-size: 0.75rem;
    margin: 0;
    position: absolute; }
  .event-creator__error-field {
    color: #ff0039; }
  .event-creator__error-field {
    display: none;
    font-size: 0.75rem; }
  .event-creator__checkbox:checked + .event-creator__cpg svg {
    display: inline-block; }
  .event-creator__cpg {
    display: flex; }
  .event-creator .cpg .form__error-container {
    margin-top: 8px;
    margin-left: 40px; }
  .event-creator__cpg .event-creator__custom-check {
    align-items: center;
    border: 1px solid #737373;
    border-radius: 2px;
    display: inline-block;
    height: 24px;
    margin-right: 8px;
    padding-right: 24px;
    position: relative;
    width: 24px; }
    .event-creator__cpg .event-creator__custom-check svg {
      display: none;
      position: absolute; }
  .event-creator__image-delete {
    border: none;
    position: absolute;
    right: 24px;
    top: 24px; }
  .event-creator__location-edit {
    background: #f9f9fa;
    border: 1px solid #cdcdd4;
    padding: 16px; }
    .event-creator__location-edit input,
    .event-creator__location-edit select {
      color: #7a7a8b;
      cursor: not-allowed; }
  .event-creator__location-reset {
    border: 1px solid #cdcdd4;
    display: block;
    margin-top: 32px;
    text-align: left;
    width: 100%; }
    .event-creator__location-reset a {
      cursor: pointer;
      display: block;
      padding: 16px; }
    .event-creator__location-reset svg {
      display: inline-block;
      margin-right: 8px;
      position: relative;
      top: 4px; }
    .event-creator__location-reset a,
    .event-creator__location-reset span {
      color: #0060DF;
      -webkit-font-smoothing: antialiased; }
    .event-creator__location-reset.hidden {
      display: none; }
  .event-creator__cancel {
    text-decoration: none;
    margin-bottom: 32px; }
    @media (min-width: 768px) {
      .event-creator__cancel {
        margin: 0 32px 0 0; } }
  .event-creator__link, .event-creator__link:visited {
    color: #0060DF;
    text-decoration: none; }
  .event-creator .form__error {
    margin-bottom: 0; }
    .event-creator .form__error .online,
    .event-creator .form__error .in-person {
      display: none; }
    .event-creator .form__error--online, .event-creator .form__error--in-person {
      display: block; }
      .event-creator .form__error--online .form__error, .event-creator .form__error--in-person .form__error {
        display: block; }
    .event-creator .form__error--online .online {
      display: block; }
    .event-creator .form__error--in-person .in-person {
      display: block; }

#event-form p.event-creator__error__label {
  margin-top: 4px; }

.create-group {
  width: 100%; }
  .create-group__hero {
    background-color: #AAF2FF;
    height: 253px;
    padding: 0 24px;
    padding-top: 33px;
    width: 100%; }
    @media (min-width: 768px) {
      .create-group__hero {
        height: 255px;
        padding: 0 64px;
        padding-top: 48px; } }
    @media (min-width: 1024px) {
      .create-group__hero {
        height: 292px;
        padding: 0 106px;
        padding-top: 58px; } }
  .create-group__hero-container {
    margin: 0 auto;
    max-width: 1018px;
    width: 100%; }
  .create-group__container {
    margin-top: -135px;
    max-width: 1018px;
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .create-group__container {
        margin-top: -155px; } }
  .create-group__nav {
    background-color: #fff;
    border: 1px solid #f9f9fa;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 69px; }
  .create-group__required {
    font-size: 0.875rem;
    line-height: 22px;
    margin-top: 35px;
    text-align: right; }
  .create-group__form {
    width: 100%;
    padding: 0 24px; }
    @media (min-width: 768px) {
      .create-group__form {
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .create-group__form {
        padding: 0 106px; } }
  .create-group__menu {
    display: none; }
    @media (min-width: 768px) {
      .create-group__menu {
        align-items: center;
        border-top: 1px solid #cdcdd4;
        border-bottom: 1px solid #cdcdd4;
        display: flex;
        flex-direction: row;
        height: 58px;
        margin: 0;
        margin-top: 35px;
        padding: 0;
        width: 100%; } }
    .create-group__menu.create-group__menu--mobile {
      border-top: 1px solid #cdcdd4;
      border-bottom: 1px solid #cdcdd4;
      display: flex;
      flex-direction: column;
      height: 56px;
      justify-content: center;
      position: relative; }
      .create-group__menu.create-group__menu--mobile:after {
        bottom: 0;
        border-bottom: 2px solid #000000;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        width: 100%; }
      .create-group__menu.create-group__menu--mobile .create-group__select-container {
        margin: 0; }
        .create-group__menu.create-group__menu--mobile .create-group__select-container .create-group__select {
          appearance: none;
          background-color: transparent;
          background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
          background-position: calc(100% - 10px) center;
          background-repeat: no-repeat;
          background-size: 25px;
          border: none;
          box-shadow: none;
          -webkit-appearance: none; }
      @media (min-width: 768px) {
        .create-group__menu.create-group__menu--mobile {
          display: none; } }
  .create-group__menu-item {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    margin-left: 15px;
    margin-right: 35px;
    position: relative;
    width: auto; }
    .create-group__menu-item--disabled {
      font-weight: 400;
      text-decoration: none; }
      .create-group__menu-item--disabled:after {
        display: none; }
    .create-group__menu-item--right {
      list-style-type: none;
      margin-left: auto;
      margin-right: 0; }
  .create-group__details {
    background-color: #fff;
    border: 1px solid #f9f9fa;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    padding: 24px 32px;
    justify-content: flex-start;
    width: 100%; }
    @media (min-width: 768px) {
      .create-group__details {
        flex-direction: row;
        min-width: 640px;
        margin-top: 24px;
        padding: 48px 55px; } }
    @media (min-width: 1024px) {
      .create-group__details {
        max-width: none;
        padding: 80px 105px;
        width: 100%; }
        .create-group__details:first-of-type {
          margin-top: 24px; } }
    .create-group__details--hidden {
      display: none; }
  .create-group__title {
    display: block;
    font-family: "Zilla Slab", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 40px;
    margin: 0;
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .create-group__title {
        font-size: 2.25rem;
        line-height: 43px; } }
    @media (min-width: 1024px) {
      .create-group__title {
        font-size: 3rem;
        line-height: 56px; } }
  .create-group__section-title {
    align-items: center;
    color: #000000;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    font-size: 1.25rem;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 28px;
    margin: 0; }
    .create-group__section-title svg {
      flex-shrink: 0;
      margin-left: 8px; }
  .create-group__section-subtitle {
    margin: 0;
    flex-basis: 100%;
    font-size: 0.875rem;
    color: #737373; }
  .create-group__menu-link {
    color: #000000;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 22px;
    position: relative;
    text-decoration: none; }
    .create-group__menu-link:after {
      content: '';
      border-top: 2px solid #000000;
      bottom: -19px;
      left: -15px;
      position: absolute;
      width: 112%; }
    .create-group__menu-link.create-group__menu-link--disabled {
      font-weight: 400; }
      .create-group__menu-link.create-group__menu-link--disabled:after {
        display: none; }
  .create-group__input-container {
    width: 100%;
    max-width: none;
    position: relative; }
    .create-group__input-container:not(:first-of-type) {
      margin-top: 24px; }
      @media (min-width: 768px) {
        .create-group__input-container:not(:first-of-type) {
          margin-top: 0; } }
    .create-group__input-container:nth-child(even) {
      margin-left: 0; }
      @media (min-width: 768px) {
        .create-group__input-container:nth-child(even) {
          margin-left: 24px; } }
      @media (min-width: 1024px) {
        .create-group__input-container:nth-child(even) {
          margin-left: 32px; } }
    .create-group__input-container--vertical-align {
      margin-top: 48px; }
    .create-group__input-container--top {
      margin-top: 0; }
    .create-group__input-container.create-group__input-container--60 {
      width: 100%; }
      @media (min-width: 768px) {
        .create-group__input-container.create-group__input-container--60 {
          max-width: 60%;
          min-width: 308px;
          width: 60%; } }
      @media (min-width: 1024px) {
        .create-group__input-container.create-group__input-container--60 {
          margin-top: 0;
          max-width: 493px; } }
    .create-group__input-container .create-group__input-container--flex {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row; }
    .create-group__input-container.create-group__input-container--40 {
      width: 100%; }
      @media (min-width: 768px) {
        .create-group__input-container.create-group__input-container--40 {
          width: 35%; } }
    .create-group__input-container.create-group__input-container--50 {
      width: 100%; }
      @media (min-width: 768px) {
        .create-group__input-container.create-group__input-container--50 {
          width: 48%; } }
    .create-group__input-container.create-group__input-container--vertical-spacing {
      margin-top: 24px; }
    .create-group__input-container.create-group__input-container--full {
      margin-left: 0;
      margin-top: 25px;
      max-width: none; }
      .create-group__input-container.create-group__input-container--full .create-group__label--inline {
        color: #000000;
        max-width: 200px; }
    @media (min-width: 768px) {
      .create-group__input-container {
        margin-top: 0;
        max-width: 48%; } }
    @media (min-width: 1024px) {
      .create-group__input-container {
        max-width: 490px; } }
  .create-group__input-row {
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 768px) {
      .create-group__input-row {
        flex-direction: row; } }
  .create-group__subsection {
    padding-bottom: 32px;
    border-bottom: 1px solid #ededf0; }
  .create-group__input {
    margin-top: 15px; }
    .create-group__input--error {
      border-color: #ff0039 !important; }
      .create-group__input--error:focus {
        outline: 0; }
  .create-group__textarea {
    height: 214px;
    margin-top: 15px;
    resize: none; }
    .create-group__textarea--full {
      max-width: none; }
    .create-group__textarea--short {
      height: 85px; }
  .create-group__label {
    color: #737373;
    display: block; }
    .create-group__label--full-width {
      width: 100%; }
    .create-group__label--inline {
      display: inline-block;
      margin-top: 15px;
      min-width: 85px; }
  .create-group__checkbox {
    opacity: 0;
    position: absolute; }
    .create-group__checkbox:focus + label {
      outline: 1px solid #0060DF; }
    .create-group__checkbox--error .form__error-container {
      display: block; }
  .create-group__tag {
    background: #fff;
    border: 1px solid #737373;
    border-radius: 25px;
    color: #20123a;
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 24px;
    margin-top: 12px;
    margin-right: 16px;
    padding: 8px 16px;
    text-decoration: none;
    transition: all 0.3s ease-in; }
    .create-group__tag:hover {
      border-color: #d7d7db;
      box-shadow: 0px 0px 0px 4px #cdcdd4 !important; }
    .create-group__tag--active {
      background-color: #ededf0;
      border-color: #ededf0;
      color: #000000; }
  .create-group__tag-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 15px;
    width: 100%; }
  .create-group__checkbox-container {
    line-height: 24px;
    margin-top: 15px; }
    .create-group__checkbox-container__copy {
      margin: 0; }
    .create-group__checkbox-container input[type=checkbox] {
      position: ab; }
    .create-group__checkbox-container input[type=checkbox]:focus ~ .create-group__check {
      outline: 1px solid #0060DF; }
  .create-group__checkbox-container__link, .create-group__checkbox-container__link:visited,
  .create-group__terms a,
  .create-group__terms a:visited {
    color: #0060DF;
    text-decoration: none; }
  .create-group__checkbox-container input {
    cursor: pointer;
    height: 0;
    line-height: 24px;
    position: absolute; }
  .create-group__radio-container {
    display: inline-block;
    margin-top: 25px; }
    .create-group__radio-container--second {
      margin-left: 24px; }
  .create-group__select-container {
    display: inline-block;
    margin-top: 15px;
    max-width: none;
    width: 100%; }
  .create-group__select {
    width: 100%; }
  .create-group__check--error {
    border-color: #ff0039; }
  .create-group__checkbox-container input:checked ~ .create-group__check {
    border: 1px solid #0060DF;
    transition: none; }
    .create-group__checkbox-container input:checked ~ .create-group__check:hover {
      box-shadow: none; }
    .create-group__checkbox-container input:checked ~ .create-group__check svg {
      display: block; }
  .create-group__details-column {
    display: flex;
    flex-direction: column;
    width: 50%; }
    .create-group__details-column--fill {
      display: block;
      flex-grow: 1;
      max-width: 100%; }
      .create-group__details-column--fill .create-group__input-container {
        max-width: none; }
        .create-group__details-column--fill .create-group__input-container:first-of-type {
          margin-top: 25px; }
  .create-group__cta-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    margin-top: 25px; }
  .create-group__cta {
    border: 1px solid #0060DF;
    border-radius: 28px !important; }
  .create-group__image {
    height: 100%;
    width: 100%; }
  .create-group__image-instructions {
    color: #737373;
    font-size: 1rem;
    line-height: 20px;
    margin-top: 14px;
    text-align: center;
    border: 0;
    background: none;
    text-align: center;
    width: 100%;
    position: relative; }
    .create-group__image-instructions span {
      color: #737373;
      display: block;
      font-size: 0.75rem; }
    .create-group__image-instructions--hide {
      display: none; }
  .create-group .dz-message {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .create-group__image-upload {
    background-color: #ededf0;
    background-image: url("/wp-content/themes/community-portal/images/upload-image.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75px 75px;
    border: 1px solid #ededf0;
    border-radius: 5px;
    cursor: pointer;
    padding-top: 44.5%;
    margin-top: 15px;
    margin-bottom: 90px;
    border: 1px solid transparent; }
    .create-group__image-upload:hover {
      border: 1px solid #0060DF; }
    @media (min-width: 768px) {
      .create-group__image-upload {
        margin-bottom: 60px;
        max-width: none; } }
    .create-group__image-upload.create-group__image-upload--reset {
      background-image: url("/wp-content/themes/community-portal/images/upload-image.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 75px 75px; }
    .create-group__image-upload .create-group__upload-image-svg {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .create-group__image-upload .create-group__upload-image-svg.create-group__upload-image-svg--hide {
        display: none; }
    .create-group__image-upload:after {
      background-color: #fff;
      border: 2px solid #000000;
      border-radius: 28px;
      content: '';
      display: none;
      font-size: 0.875rem;
      height: 36px;
      left: 50%;
      line-height: 36px;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 127px; }
    .create-group__image-upload--uploading {
      border: none; }
      .create-group__image-upload--uploading .dz-preview .dz-remove {
        display: none; }
    .create-group__image-upload--done {
      background-size: contain;
      border: none; }
      .create-group__image-upload--done:after {
        display: none; }
      .create-group__image-upload--done .create-group__upload-image-svg {
        display: none; }
      .create-group__image-upload--done .dz-preview .dz-remove {
        background-color: #fff;
        border-radius: 28px;
        border: 2px solid #000000;
        box-sizing: content-box;
        color: #000000;
        display: block;
        font-size: 0.875rem;
        height: 36px;
        line-height: 36px;
        margin: 0 auto;
        margin-top: 15px;
        text-align: center;
        text-decoration: none;
        width: 127px; }
        .create-group__image-upload--done .dz-preview .dz-remove:hover {
          background: black;
          color: white; }
    .create-group__image-upload .dz-error-mark,
    .create-group__image-upload .dz-success-mark {
      display: none;
      position: relative; }
    .create-group__image-upload .dz-image {
      background-position: center center;
      background-size: cover;
      border: 1px solid #737373;
      border-radius: 2px;
      height: 160px; }
    .create-group__image-upload .dz-preview {
      height: 100%;
      width: 100%; }
    .create-group__image-upload .dz-remove,
    .create-group__image-upload .dz-details {
      display: none; }
  .create-group__terms {
    color: #000000;
    font-size: 1rem;
    line-height: 24px; }
  .create-group .dz-preview {
    display: none; }
  .create-group .dz-remove {
    background-color: #fff;
    border: 2px solid #000000;
    border-radius: 28px;
    box-sizing: content-box;
    color: #000000;
    display: block;
    font-size: 0.875rem;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
    text-decoration: none;
    width: 127px;
    transition: all 0.3s ease-in-out; }
    .create-group .dz-remove--hide {
      display: none; }
    .create-group .dz-remove:hover {
      cursor: pointer;
      background-color: black;
      color: white; }
  .create-group .form__error__secondary {
    display: none; }
  .create-group .form__error-container--secondary .form__error__secondary {
    display: block; }
  .create-group .form__error-container--secondary .form__error__required {
    display: none; }

.footer {
  background-color: #000000;
  min-height: 387px;
  margin-top: 58px;
  position: relative;
  width: 100%; }
  @media (min-width: 768px) {
    .footer {
      margin-top: 64px; } }
  @media (min-width: 1024px) {
    .footer {
      margin-top: 125px; } }
  .footer__link:hover {
    text-decoration: none; }
  .footer__social-link:hover {
    border-bottom: 1px solid white; }
  .footer__container {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 64px 24px 0;
    width: 100%; }
    @media (min-width: 768px) {
      .footer__container {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 64px 64px 0; } }
    @media (min-width: 1024px) {
      .footer__container {
        max-width: 1440px;
        padding: 64px 106px; } }
  .footer__logo-container {
    width: 100%; }
    .footer__logo-container svg {
      width: auto; }
  .footer__menu-bottom-container {
    border-top: 1px solid #737373;
    margin-bottom: 64px;
    margin-top: 56px;
    padding-top: 56px;
    width: 100%; }
    @media (min-width: 1024px) {
      .footer__menu-bottom-container {
        margin-top: 32px;
        padding-top: 32px; } }
  .footer__menu-svg-container {
    margin-top: 32px; }
    @media (min-width: 768px) {
      .footer__menu-svg-container {
        margin-top: 0; } }
    .footer__menu-svg-container a {
      display: inline-block;
      margin-right: 25px;
      text-decoration: none; }
      .footer__menu-svg-container a:last-of-type {
        margin-right: 0; }
  .footer__tag-line {
    font-size: 0.875rem;
    line-height: 24px;
    margin-top: 10px; }
  .footer__logo {
    height: 27px; }
  .footer__menu-container {
    display: flex;
    flex-direction: column;
    margin-top: 56px;
    width: 100%; }
    @media (min-width: 768px) {
      .footer__menu-container {
        flex-direction: row;
        margin-top: 32px;
        width: auto; } }
    .footer__menu-container .menu-mozilla-container,
    .footer__menu-container .menu-mozilla-main-menu-container {
      margin-top: 12px; }
      @media (min-width: 768px) {
        .footer__menu-container .menu-mozilla-container,
        .footer__menu-container .menu-mozilla-main-menu-container {
          margin-top: 0; } }
  .footer__copy {
    font-size: 0.75rem;
    line-height: 16px;
    max-width: 807px; }
  .footer__menu-legal-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 32px; }
    @media (min-width: 768px) {
      .footer__menu-legal-container {
        align-items: center;
        flex-direction: row; } }
  .footer .menu-item {
    display: block;
    margin: 0;
    padding: 0; }
    .footer .menu-item .menu-item__link {
      color: #fff;
      padding: 2px 0;
      display: block; }
  .footer__menu-title {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 12px; }
  .footer__mozilla-container {
    border-top: 1px solid #737373;
    margin-top: 56px;
    padding-top: 56px;
    width: 100%; }
    @media (min-width: 768px) {
      .footer__mozilla-container {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
        width: auto; } }
  .footer__link {
    color: #fff; }

.footer-menu,
.footer-nav-menu {
  margin: 0;
  padding: 0;
  width: 100%; }
  @media (min-width: 768px) {
    .footer-menu,
    .footer-nav-menu {
      margin-right: 24px;
      width: 198px; } }
  @media (min-width: 1024px) {
    .footer-menu,
    .footer-nav-menu {
      margin-left: 15px;
      margin-right: 32px;
      width: 283px; } }
  .footer-menu--primary,
  .footer-nav-menu--primary {
    margin-left: 0; }
  .footer-menu .menu-item,
  .footer-nav-menu .menu-item {
    font-size: 1.125rem;
    line-height: 32px;
    text-align: left;
    width: 100%; }
    .footer-menu .menu-item:first-of-type,
    .footer-nav-menu .menu-item:first-of-type {
      margin-top: 0; }
      .footer-menu .menu-item:first-of-type .menu-item__link,
      .footer-nav-menu .menu-item:first-of-type .menu-item__link {
        padding-top: 0; }
    .footer-menu .menu-item .menu-item__link,
    .footer-nav-menu .menu-item .menu-item__link {
      padding: 8px 0; }
    .footer-menu .menu-item.menu-item--active .menu-item__link:after,
    .footer-nav-menu .menu-item.menu-item--active .menu-item__link:after {
      display: none; }
    .footer-menu .menu-item:hover, .footer-menu .menu-item:focus,
    .footer-nav-menu .menu-item:hover,
    .footer-nav-menu .menu-item:focus {
      text-decoration: underline; }

.footer-legal-menu {
  margin: 0;
  padding: 0;
  width: 100%; }
  @media (min-width: 768px) {
    .footer-legal-menu {
      width: 400px; } }
  .footer-legal-menu .menu-item {
    display: block;
    margin-bottom: 16px;
    text-align: left;
    width: 100%; }
    @media (min-width: 768px) {
      .footer-legal-menu .menu-item {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 24px;
        width: auto; } }
    .footer-legal-menu .menu-item .menu-item__link {
      font-size: 0.75rem;
      line-height: 12px;
      text-decoration: underline; }
    .footer-legal-menu .menu-item:hover .menu-item__link, .footer-legal-menu .menu-item:focus .menu-item__link {
      text-decoration: none; }

.footer-resources-menu,
.footer-mozilla-menu {
  margin: 0;
  padding: 0; }
  .footer-resources-menu .menu-item,
  .footer-mozilla-menu .menu-item {
    font-size: 1rem;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 178px;
    transition: text-decoration 0.3s ease-in-out; }
    .footer-resources-menu .menu-item:first-of-type,
    .footer-mozilla-menu .menu-item:first-of-type {
      margin-top: 0; }
      .footer-resources-menu .menu-item:first-of-type .menu-item__link,
      .footer-mozilla-menu .menu-item:first-of-type .menu-item__link {
        padding-top: 0; }
    .footer-resources-menu .menu-item .menu-item__link,
    .footer-mozilla-menu .menu-item .menu-item__link {
      padding: 8px 0; }
    @media (min-width: 768px) {
      .footer-resources-menu .menu-item,
      .footer-mozilla-menu .menu-item {
        font-size: 1.125rem; } }
    .footer-resources-menu .menu-item:hover, .footer-resources-menu .menu-item:focus,
    .footer-mozilla-menu .menu-item:hover,
    .footer-mozilla-menu .menu-item:focus {
      text-decoration: underline; }

.footer-nav-menu {
  margin-top: 32px; }
  @media (min-width: 768px) {
    .footer-nav-menu {
      margin-top: 0; } }

.menu-footer-secondary-container {
  display: flex;
  flex-direction: row; }

.footer-secondary-menu {
  padding: 0;
  margin: 0;
  margin-top: 32px;
  max-width: 850px;
  width: 100%; }
  .footer-secondary-menu .menu-item {
    display: inline-block;
    margin-right: 24px;
    width: auto; }
    .footer-secondary-menu .menu-item .menu-item__link {
      font-size: 0.875rem; }

.form__error-container {
  color: #ff0039;
  display: none;
  font-size: 0.75rem;
  line-height: 20px;
  letter-spacing: 0.4px;
  margin-top: 4px; }
  .form__error-container--visible {
    display: block; }
  .form__error-container--checkbox {
    margin-bottom: -24px; }

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

.input:focus, .event-creator__input:focus, .event-creator__image-upload:focus, .create-group__input:focus, .profile__input:focus, .newsletter__input:focus, .campaign-rsvp__input:focus, .input:hover, .event-creator__input:hover, .event-creator__image-upload:hover, .create-group__input:hover, .profile__input:hover, .newsletter__input:hover, .campaign-rsvp__input:hover,
.textarea:focus,
.event-creator__textarea:focus,
.create-group__textarea:focus,
.profile__textarea:focus,
.textarea:hover,
.event-creator__textarea:hover,
.create-group__textarea:hover,
.profile__textarea:hover,
.select:focus,
.event-creator__dropdown:focus,
.event-creator__three-up select:focus,
.create-group__select:focus,
.group__nav-select:focus,
.profile__select-container select:focus,
.profile__select:focus,
.newsletter__dropdown:focus,
.select:hover,
.event-creator__dropdown:hover,
.event-creator__three-up select:hover,
.create-group__select:hover,
.group__nav-select:hover,
.profile__select-container select:hover,
.profile__select:hover,
.newsletter__dropdown:hover {
  outline: 0;
  border: 1px solid #0060DF; }

.input, .event-creator__input, .event-creator__image-upload, .create-group__input, .profile__input, .newsletter__input, .campaign-rsvp__input {
  background-color: #ededf0;
  border: 1px solid #ededf0;
  border-radius: 5px;
  box-sizing: border-box;
  height: 43px;
  padding: 15px;
  width: 100%; }
  .input--error, .create-group__input--error, .profile__input--error {
    border-color: #ff0039; }

.label, .event-creator__label, .event-creator__error__label, .event-creator__error__label.event-creator__label, .create-group__label, .profile__label, .newsletter__label, .campaign-rsvp__label {
  font-size: 1rem;
  line-height: 24px; }
  .label--inline, .create-group__label--inline {
    display: inline; }
  .label--checkbox, .create-group__label--checkbox {
    cursor: pointer;
    padding-left: 32px; }

.textarea, .event-creator__textarea, .create-group__textarea, .profile__textarea {
  background: #ededf0;
  border: 1px solid #ededf0;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  resize: none; }
  .textarea--error, .create-group__textarea.create-group__input--error, .create-group__select.create-group__input--error {
    border-color: #ff0039; }

.checkbox-container input, .create-group__checkbox-container input, .profile__checkbox-container input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0; }

.checkbox-container, .create-group__checkbox-container, .create-group__checkbox-container input, .profile__checkbox-container, .profile__checkbox-container input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 35px;
  position: relative; }
  .checkbox-container:hover input ~ .checkbox-check, .create-group__checkbox-container:hover input ~ .checkbox-check, .create-group__checkbox-container input:hover input ~ .checkbox-check, .profile__checkbox-container:hover input ~ .checkbox-check, .profile__checkbox-container input:hover input ~ .checkbox-check, .checkbox-container:hover input ~ .create-group__check, .create-group__checkbox-container:hover input ~ .create-group__check, .create-group__checkbox-container input:hover input ~ .create-group__check, .profile__checkbox-container:hover input ~ .create-group__check, .profile__checkbox-container input:hover input ~ .create-group__check {
    box-shadow: 0px 0px 0px 4px #cdcdd4;
    cursor: pointer;
    transition: all 0.3s ease-in; }
  .checkbox-container:focus input ~ .checkbox-check, .create-group__checkbox-container:focus input ~ .checkbox-check, .create-group__checkbox-container input:focus input ~ .checkbox-check, .profile__checkbox-container:focus input ~ .checkbox-check, .profile__checkbox-container input:focus input ~ .checkbox-check, .checkbox-container:focus input ~ .create-group__check, .create-group__checkbox-container:focus input ~ .create-group__check, .create-group__checkbox-container input:focus input ~ .create-group__check, .profile__checkbox-container:focus input ~ .create-group__check, .profile__checkbox-container input:focus input ~ .create-group__check {
    outline: 1px solid #0060DF; }

.checkbox-container input:checked ~ .checkbox-check:after, .create-group__checkbox-container input:checked ~ .checkbox-check:after, .create-group__checkbox-container input input:checked ~ .checkbox-check:after, .profile__checkbox-container input:checked ~ .checkbox-check:after, .profile__checkbox-container input input:checked ~ .checkbox-check:after, .checkbox-container input:checked ~ .create-group__check:after, .create-group__checkbox-container input:checked ~ .create-group__check:after, .create-group__checkbox-container input input:checked ~ .create-group__check:after, .profile__checkbox-container input:checked ~ .create-group__check:after, .profile__checkbox-container input input:checked ~ .create-group__check:after {
  display: block; }

.checkbox--hidden {
  opacity: 0;
  position: absolute; }
  .checkbox--hidden.profile__input--error + .cpg__label .form__error-container {
    display: block; }

.cpg {
  height: auto; }
  .cpg__label {
    line-height: 24px;
    padding-left: 24px;
    position: relative;
    display: block; }
    .cpg__label:hover::before {
      background-color: #ededf0; }
    .cpg__label::before {
      line-height: 1;
      transition: background-color 0.2s ease-in-out;
      background-color: white;
      content: '';
      display: block;
      height: 14px;
      width: 14px;
      overflow: hidden;
      padding: 0;
      margin: 0;
      border: 1px solid #737373;
      border-radius: 2px;
      margin-right: 10px;
      position: absolute;
      left: 0;
      top: 3px; }
  .cpg .checkbox--hidden:focus + .cpg__label::before {
    outline: 1px solid #0060DF; }
  .cpg .checkbox--hidden.profile__input--error:focus + .cpg__label::before {
    outline: 0;
    border: 1px solid #ff0039; }
  .cpg .checkbox--hidden:checked + .cpg__label::before {
    content: url("./images/custom-check.svg");
    border: 1px solid white; }

.checkbox-check, .create-group__check {
  background: #fff;
  border: 1px solid #737373;
  border-radius: 2px;
  height: 24px;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 24px; }
  .checkbox-check svg, .create-group__check svg {
    display: none;
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px; }
  .checkbox-check:after, .create-group__check:after {
    content: '';
    display: none;
    position: absolute; }

.radio-container, .create-group__radio-container {
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
  position: relative;
  user-select: none; }

.radio-container input, .create-group__radio-container input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0; }

.radio--custom + label {
  position: relative;
  padding-left: 35px; }

.radio--custom:focus + label::before {
  outline: 1px solid #0060DF; }

.radio--custom + label:before {
  position: absolute;
  left: 0;
  content: '';
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #B1B1BC;
  transition: background-color 0.2s ease-in-out; }

.radio--custom:hover + label::before {
  background: #cdcdd4; }

.radio--custom:checked + label::before {
  background: #0060DF;
  border: 2px solid #0060DF;
  box-shadow: inset 0 0 0 2px white; }

.radio-container .radio:after, .create-group__radio-container .radio:after, .radio-container .create-group__radio:after, .create-group__radio-container .create-group__radio:after {
  background: #fff;
  border-radius: 50%;
  height: 16px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px; }

.select-container, .create-group__select-container, .profile__select-container {
  position: relative; }

.select, .event-creator__dropdown, .event-creator__three-up select, .create-group__select, .group__nav-select, .profile__select-container select, .profile__select, .newsletter__dropdown {
  appearance: none;
  background: #ededf0;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 25px;
  border: 1px solid #ededf0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  box-sizing: border-box;
  border-radius: none;
  height: 43px;
  padding: 10px;
  -webkit-appearance: none; }
  .select--error {
    border-color: #ff0039; }
  .select--disabled {
    background-color: #fff; }

.fieldset, .event-creator__fieldset {
  border: 0; }

.cta, .not-found__cta, .create-group__cta, .events__search-cta, .groups__search-cta, .members__search-cta, .profile__cta-container .profile__cta, .profile__button {
  background-color: #0060DF;
  border-radius: 28px;
  border: 1px solid #0060DF;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 0.875rem;
  height: 48px;
  line-height: 17px;
  min-width: 115px;
  padding: 15px 50px;
  transition: background-color 0.2s ease-in; }
  .cta:focus, .not-found__cta:focus, .create-group__cta:focus, .events__search-cta:focus, .groups__search-cta:focus, .members__search-cta:focus, .profile__cta-container .profile__cta:focus, .profile__button:focus, .cta:hover, .not-found__cta:hover, .create-group__cta:hover, .events__search-cta:hover, .groups__search-cta:hover, .members__search-cta:hover, .profile__cta-container .profile__cta:hover, .profile__button:hover {
    color: #0060DF;
    cursor: pointer;
    background-color: #fff; }

.autocomplete-suggestions {
  cursor: default;
  background: #fff;
  border: 1px solid #f9f9fa;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 0;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  color: #000000;
  display: none;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  padding: 10px;
  position: absolute;
  text-align: left;
  z-index: 9999; }

.autocomplete-suggestion {
  color: #333;
  font-size: remCalc;
  line-height: 23px;
  overflow: hidden;
  padding: 10px .6em;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap; }

.autocomplete-suggestion b {
  color: #1f8dd6;
  font-weight: normal; }

.autocomplete-suggestion.selected {
  background: #f0f0f0; }

#em-wrapper .row {
  margin: 0; }

.events__form {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  @media (min-width: 768px) {
    .events__form {
      justify-content: space-between;
      flex-direction: row; } }

.events__input-container {
  position: relative;
  height: 100%;
  width: 100%; }
  .events__input-container svg {
    position: absolute;
    left: 0;
    top: 7px; }

.events__search-cta {
  text-align: center;
  width: 100%; }
  @media (min-width: 768px) {
    .events__search-cta {
      width: auto; } }

.events__search-input {
  border: none;
  background-color: #fff;
  border: 1px solid white;
  border-bottom: 1px solid #ededf0;
  padding: 6px 32px;
  width: 100%;
  font-size: 1rem;
  line-height: 24px;
  color: #737373;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .events__search-input {
      margin-bottom: 0;
      max-width: 450px; } }
  .events__search-input:hover {
    border: 1px solid #0060DF; }

.events__header {
  background-color: #ffffcc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 387px; }
  @media (min-width: 768px) {
    .events__header {
      height: 404px; } }
  @media (min-width: 1024px) {
    .events__header {
      height: 332px; } }
  .events__header.events__header--edit {
    height: 332px; }
    @media (min-width: 768px) {
      .events__header.events__header--edit {
        height: 348px; } }
    @media (min-width: 1024px) {
      .events__header.events__header--edit {
        height: 260px; } }
  .events__header .title, .events__header .campaign-rsvp__title, .events__header .campaign-rsvp__subtitle, .events__header__text {
    text-align: center;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .events__header .title, .events__header .campaign-rsvp__title, .events__header .campaign-rsvp__subtitle, .events__header__text {
        text-align: left; } }
    .events__header .title a, .events__header .campaign-rsvp__title a, .events__header .campaign-rsvp__subtitle a, .events__header__text a {
      color: black;
      position: relative;
      display: inline-block; }
      .events__header .title a:after, .events__header .campaign-rsvp__title a:after, .events__header .campaign-rsvp__subtitle a:after, .events__header__text a:after {
        content: url("./images/Vector.png");
        text-decoration: none;
        position: absolute;
        right: -15px; }
      .events__header .title a:hover, .events__header .campaign-rsvp__title a:hover, .events__header .campaign-rsvp__subtitle a:hover, .events__header__text a:hover {
        text-decoration: none; }
  .events__header .title, .events__header .campaign-rsvp__title, .events__header .campaign-rsvp__subtitle {
    margin: 0;
    padding: 0;
    font-size: 3rem;
    line-height: 56px;
    margin-bottom: 8px; }
    @media (min-width: 768px) {
      .events__header .title, .events__header .campaign-rsvp__title, .events__header .campaign-rsvp__subtitle {
        margin-bottom: 72px; } }
    @media (min-width: 1024px) {
      .events__header .title, .events__header .campaign-rsvp__title, .events__header .campaign-rsvp__subtitle {
        margin-bottom: 52px; } }
  .events__header .events__container {
    max-width: 1440px;
    width: 100%;
    padding: 0 24px;
    flex: none;
    margin-top: -148px; }
    @media (min-width: 768px) {
      .events__header .events__container {
        margin-top: 0;
        flex: 1 1 auto;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .events__header .events__container {
        padding: 0 106px; } }
  .events__header .event-creator__container {
    max-width: 1234px;
    margin: 0 auto;
    width: 100%;
    padding: 0 24px;
    flex: none; }
    @media (min-width: 768px) {
      .events__header .event-creator__container {
        flex: 1 1 auto;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .events__header .event-creator__container {
        padding: 0 106px;
        height: 261px; } }
  @media (min-width: 768px) {
    .events__header .events__container,
    .events__header .event-creator__container {
      background-image: url("./images/events-header.png");
      background-repeat: no-repeat;
      background-position: 450px; } }
  @media (min-width: 1024px) {
    .events__header .events__container,
    .events__header .event-creator__container {
      background-position: right; } }

.events__title, .events__header .title, .events__header .campaign-rsvp__title, .events__header .campaign-rsvp__subtitle {
  font-family: "Zilla Slab", sans-serif;
  font-size: 2rem;
  font-weight: normal;
  line-height: 48px; }
  @media (min-width: 768px) {
    .events__title, .events__header .title, .events__header .campaign-rsvp__title, .events__header .campaign-rsvp__subtitle {
      font-size: 3rem;
      line-height: 56px; } }

.events__filter__title {
  line-height: 34px;
  font-size: 1rem;
  padding: 0;
  margin: 0; }

.events__title:after {
  background-color: #ffd567; }

.events .hidden {
  display: none; }

.events .col-* {
  padding: 0; }

.events__link {
  color: #000;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  text-decoration: none;
  color: #000;
  display: block;
  height: 100%; }

.events__filter {
  padding: 0;
  padding: 16px;
  background: white;
  margin: 2px 0 8px;
  flex-wrap: wrap;
  display: none; }
  .events__filter__form {
    display: flex;
    flex-grow: 1; }
  .events__filter__title {
    margin: 0;
    margin-right: 8px;
    width: 100%; }
    @media (min-width: 1024px) {
      .events__filter__title {
        width: 100px; } }
  .events__filter__option {
    display: flex;
    border: 0;
    padding: 0;
    position: relative;
    margin: 8px 0;
    width: 100%; }
    @media (min-width: 768px) {
      .events__filter__option {
        max-width: 30%; }
        .events__filter__option:first-of-type {
          margin-right: 32px; } }
    @media (min-width: 768px) {
      .events__filter__option {
        margin-right: 32px; } }
    .events__filter__option select {
      -webkit-appearance: none;
      padding: 4px 35px 4px 16px;
      background: #ededf0;
      border: 1px solid #ededf0;
      border-radius: 5px;
      line-height: 24px;
      flex: 1 0 auto;
      background-image: url("./images/chevron-down.svg");
      background-repeat: no-repeat;
      background-position: calc(100% - 12px) center;
      height: 34px; }
    .events__filter__option label {
      display: inline-block;
      font-size: 0.875rem;
      color: #737373;
      padding-right: 8px; }
    .events__filter__option__icon {
      position: absolute;
      right: 14px; }
  .events__filter__toggle {
    margin: 24px 0 36px;
    display: block; }
    @media (min-width: 768px) {
      .events__filter__toggle {
        display: none; } }
    .events__filter__toggle .hide,
    .events__filter__toggle .show {
      display: none; }
    .events__filter__toggle--hide .hide {
      display: block; }
    .events__filter__toggle--show .show {
      display: block; }
  @media (min-width: 768px) {
    .events__filter {
      display: flex;
      padding: 8px 24px 0; } }
  @media (min-width: 1024px) {
    .events__filter {
      padding: 8px 32px 0; } }

.events__filter {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: none; }
  @media (min-width: 768px) {
    .events__filter {
      flex-direction: row; } }
  @media (min-width: 1024px) {
    .events__filter {
      flex-wrap: nowrap; } }

.events__filter__option {
  flex-direction: column; }
  .events__filter__option select,
  .events__filter__option label {
    width: 100%;
    margin-bottom: 8px; }
  .events__filter__option:last-of-type {
    margin-right: 0; }

.events__filter__form {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: none;
  width: 100%; }
  @media (min-width: 768px) {
    .events__filter__form {
      flex-wrap: nowrap; } }

.events__nav {
  padding: 0;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0;
  display: none; }
  @media (min-width: 768px) {
    .events__nav {
      display: flex; } }
  .events__nav--active {
    display: block; }
    @media (min-width: 768px) {
      .events__nav--active {
        display: none; } }
  .events__nav__container {
    border-bottom: 1px solid #cdcdd4;
    width: 100%;
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .events__nav__container {
        margin-bottom: initial; } }
  .events__nav__link {
    display: inline-block;
    padding: 20px 0;
    text-decoration: none;
    color: #000;
    font-size: 0.875rem;
    position: relative; }
    .events__nav__link--active {
      font-weight: bold; }
    .events__nav__link--active::after, .events__nav__link:hover::after {
      content: "";
      position: absolute;
      background: #0060DF;
      display: block;
      height: 2px;
      margin-top: 16px;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      margin: 0 auto; }
  @media (min-width: 768px) {
    .events__nav__item {
      margin-right: 32px; } }
  .events__nav__item:first-child .events__nav__link {
    padding-left: 0; }
    .events__nav__item:first-child .events__nav__link--active::after {
      width: 100%;
      margin: 0; }
    .events__nav__item:first-child .events__nav__link:hover:after {
      width: 100%;
      margin: 0; }
  .events__nav--mobile {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #0060DF; }
    @media (min-width: 768px) {
      .events__nav--mobile {
        display: none;
        position: relative; } }
    .events__nav--mobile .events__nav__label--mobile {
      color: #737373; }
    .events__nav--mobile .events__nav__options--mobile {
      flex: 1 0 auto;
      -webkit-appearance: none;
      border: none;
      padding: 15px 7px;
      background: none;
      border: 1px solid #ededf0; }
      .events__nav--mobile .events__nav__options--mobile:hover {
        border: 1px solid #0060DF; }
    .events__nav--mobile .events__nav__icon {
      position: absolute;
      right: 14px; }

.events__tags {
  padding: 0; }

.events__cards .css-event-form {
  width: 100%; }

@media (min-width: 768px) {
  .events__cards .events__column:nth-of-type(3n) {
    padding-right: 16px; } }

@media (min-width: 1024px) {
  .events__cards .events__column:nth-of-type(3n) {
    padding-right: 0; } }

@media (min-width: 1024px) {
  .events__cards .events__column:nth-of-type(3n + 1) {
    padding-left: 0; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .events__cards .events__column:nth-of-type(2n + 1) {
    padding-left: 0; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .events__cards .events__column:nth-of-type(2n) {
    padding-right: 0px; } }

.events__cards .events__column {
  padding: 16px 0; }
  @media (min-width: 768px) {
    .events__cards .events__column {
      padding: 32px 16px; } }

.events__zero-state {
  padding: 106px 0; }
  .events__zero-state p {
    text-align: center; }

.events__search-terms {
  padding: 0;
  margin-top: 0; }
  .events__search-terms p {
    margin: 0; }
  @media (min-width: 768px) {
    .events__search-terms {
      margin-top: 32px; } }

.events__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 17px; }
  .events__pagination a, .events__pagination strong {
    text-decoration: none;
    padding: 0 12px;
    display: inline-block;
    color: black; }
  .events__pagination .current {
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0 6px; }
    .events__pagination .current::after {
      content: "";
      background-color: #000;
      height: 1px;
      width: 100%;
      display: block;
      position: absolute;
      bottom: -7px;
      left: 0;
      right: 0; }
  .events__pagination .next,
  .events__pagination .prev {
    color: transparent;
    position: relative; }
  .events__pagination .next::after,
  .events__pagination .prev::before {
    content: '';
    display: inline-block;
    height: 24px;
    padding-right: 24px;
    position: absolute;
    top: 0;
    left: 0; }
  .events__pagination .next {
    margin-left: 12px; }
    .events__pagination .next::after {
      background-image: url("./images/chevron-right.svg"); }
  .events__pagination .prev::before {
    background-image: url("./images/chevron-left.svg"); }

.events__text.events__text--small {
  font-size: 0.875rem;
  line-height: 20px; }

.events__campaign {
  align-items: center;
  color: #737373;
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  letter-spacing: 0.0025em;
  line-height: 20px;
  margin-top: 8px; }
  .events__campaign svg {
    margin-right: 8px; }

.events__container + .footer,
.event-creator__container-main + .footer {
  margin-top: 0; }

.css-events-admin {
  width: 100%; }

#em-wrapper {
  position: relative;
  top: -134px; }
  @media (min-width: 768px) {
    #em-wrapper {
      top: -35px; } }

.em-search-wrapper {
  border-bottom: 1px solid #cdcdd4; }
  .em-search-wrapper .em-events-search {
    background-color: #fff;
    padding: 16px 30px;
    min-height: 80px;
    flex-basis: auto;
    width: 100%;
    margin-bottom: 24px; }
    @media (min-width: 1024px) {
      .em-search-wrapper .em-events-search {
        max-width: 703px; } }
  .em-search-wrapper .em-search-main {
    width: 100%;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .em-search-wrapper .em-search-main {
        width: calc(100% - 191px); } }
    .em-search-wrapper .em-search-main div {
      display: block; }

.em-pagination {
  display: block; }

.events-single {
  padding-bottom: 36px; }
  @media (min-width: 768px) {
    .events-single {
      padding-bottom: 88px; } }
  @media (min-width: 1024px) {
    .events-single {
      padding-bottom: 64px; } }
  .events-single__language-link {
    color: #0060DF;
    font-size: 0.875rem;
    line-height: 20px;
    padding-right: 16px;
    text-decoration: none; }
    .events-single__language-link:hover {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .events-single__language-link {
        font-size: 1rem;
        line-height: 24px; } }
    @media (min-width: 1024px) {
      .events-single__language-link {
        font-size: 1.125rem;
        line-height: 28px; } }
  .events-single__show-debug-info {
    align-items: center;
    color: #0060DF;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    line-height: 24px;
    margin-top: 16px;
    text-decoration: none; }
  .events-single__debug-info.events-single__debug-info--hidden {
    display: none; }
  .events-single__externam-link {
    color: #0060DF; }
    .events-single__externam-link.events-single__externam-link--icon {
      align-items: center;
      display: flex;
      flex-direction: row; }
      .events-single__externam-link.events-single__externam-link--icon svg {
        margin-right: 8px; }
    .events-single__externam-link:hover {
      text-decoration: underline; }
  .events-single a {
    text-decoration: none; }
    .events-single a.events-single__tag-link {
      color: #000000; }
      .events-single a.events-single__tag-link:visited {
        color: #000000; }
      .events-single a.events-single__tag-link:hover {
        text-decoration: underline; }
  .events-single__external-link:hover, .events-single__host:hover {
    text-decoration: underline; }
  .events-single .row {
    margin-left: 0;
    margin-right: 0; }
  .events-single.events__container {
    padding-top: 64px; }
  .events-single__two-up {
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (min-width: 1024px) {
      .events-single__two-up .col-lg-7 {
        flex-basis: 500px;
        flex-grow: 1;
        flex-shrink: 0;
        max-width: 703px; } }
  .events-single .title, .events-single .campaign-rsvp__title, .events-single .campaign-rsvp__subtitle {
    margin: 0 0 32px; }
  .events-single .hidden {
    display: none; }
  .events-single .em-booking-form-details {
    text-align: right; }
  .events-single .card {
    background-color: #fff;
    padding: 32px; }
    .events-single .card--with-img {
      padding: 0; }
    .events-single .card__image {
      align-items: flex-start;
      background-color: #f9f9fa;
      background-position: center;
      background-repeat: no-repeat;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      display: flex;
      background-size: contain;
      justify-content: flex-end;
      position: relative; }
      .events-single .card__image--active .card__edit-btn {
        position: absolute;
        top: 0;
        right: 0; }
    .events-single .card__date {
      flex-basis: 100%; }
      @media (min-width: 768px) {
        .events-single .card__date {
          flex-basis: 60%; } }
      .events-single .card__date p,
      .events-single .card__date .title--secondary {
        margin: 0; }
      .events-single .card__date p {
        margin-top: 8px; }
    .events-single .card__time {
      margin: 0; }
    .events-single .card #em-booking {
      flex-basis: 100%; }
      @media (min-width: 768px) {
        .events-single .card #em-booking {
          flex-basis: 40%; } }
    .events-single .card__details {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 32px; }
    .events-single .card__edit-btn {
      background: transparent;
      margin: 5px 24px;
      padding: 11px;
      border: 1px solid transparent; }
      .events-single .card__edit-btn:hover {
        border-bottom: 1px solid #0060DF; }
      .events-single .card__edit-btn.card__edit-btn--white {
        align-items: center;
        background-color: white;
        border: none;
        border-radius: 50%;
        display: flex;
        height: 40px;
        justify-content: center;
        margin-right: 32px;
        margin-top: 32px;
        width: 40px; }
      .events-single .card__edit-btn svg {
        display: block; }
    .events-single .card__address p,
    .events-single .card__address a {
      margin: 0;
      line-height: 1.75rem; }
    .events-single .card__address a:hover {
      text-decoration: underline; }
    .events-single .card__address a:visited {
      color: #0060DF; }
    .events-single .card__address a svg {
      margin-left: 3px; }
  .events-single__tags {
    padding: 0;
    margin: 0; }
    .events-single__tags .tag, .events-single__tags .event-creator__tag {
      font-size: 0.875rem;
      margin-bottom: 10px;
      padding: 0; }
      .events-single__tags .tag .events-single__tag-link, .events-single__tags .event-creator__tag .events-single__tag-link {
        display: inline-block;
        padding: 10px 20px;
        color: #000000; }
        .events-single__tags .tag .events-single__tag-link:visited, .events-single__tags .event-creator__tag .events-single__tag-link:visited {
          color: #000000; }
  .events-single__attributes.card, .events-single__group.card, .events-single__language.card {
    margin-top: 32px;
    padding: 16px; }
    .events-single__attributes.card a:visited, .events-single__group.card a:visited, .events-single__language.card a:visited {
      color: #0060DF; }
    .events-single__attributes.card p, .events-single__group.card p, .events-single__language.card p {
      margin: 0; }
    .events-single__attributes.card .col-md-6,
    .events-single__attributes.card .events-single__hosts, .events-single__group.card .col-md-6,
    .events-single__group.card .events-single__hosts, .events-single__language.card .col-md-6,
    .events-single__language.card .events-single__hosts {
      padding: 0 0 24px; }
      @media (min-width: 768px) {
        .events-single__attributes.card .col-md-6,
        .events-single__attributes.card .events-single__hosts, .events-single__group.card .col-md-6,
        .events-single__group.card .events-single__hosts, .events-single__language.card .col-md-6,
        .events-single__language.card .events-single__hosts {
          padding: 32px 24px; } }
      @media (min-width: 1024px) {
        .events-single__attributes.card .col-md-6,
        .events-single__attributes.card .events-single__hosts, .events-single__group.card .col-md-6,
        .events-single__group.card .events-single__hosts, .events-single__language.card .col-md-6,
        .events-single__language.card .events-single__hosts {
          padding: 16px 32px; } }
      @media (min-width: 768px) {
        .events-single__attributes.card .col-md-6--multiple,
        .events-single__attributes.card .events-single__hosts--multiple, .events-single__group.card .col-md-6--multiple,
        .events-single__group.card .events-single__hosts--multiple, .events-single__language.card .col-md-6--multiple,
        .events-single__language.card .events-single__hosts--multiple {
          padding-bottom: 0; } }
      @media (min-width: 1024px) {
        .events-single__attributes.card .col-md-6--multiple,
        .events-single__attributes.card .events-single__hosts--multiple, .events-single__group.card .col-md-6--multiple,
        .events-single__group.card .events-single__hosts--multiple, .events-single__language.card .col-md-6--multiple,
        .events-single__language.card .events-single__hosts--multiple {
          padding-bottom: 32px; } }
    .events-single__attributes.card .events-single__member-card:first-of-type, .events-single__group.card .events-single__member-card:first-of-type, .events-single__language.card .events-single__member-card:first-of-type {
      padding-left: 0; }
    .events-single__attributes.card .events-single__member-card a,
    .events-single__attributes.card .events-single__member-card a:visited, .events-single__group.card .events-single__member-card a,
    .events-single__group.card .events-single__member-card a:visited, .events-single__language.card .events-single__member-card a,
    .events-single__language.card .events-single__member-card a:visited {
      color: #000000; }
    .events-single__attributes.card .events-single__member-card a, .events-single__group.card .events-single__member-card a, .events-single__language.card .events-single__member-card a {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0; }
      .events-single__attributes.card .events-single__member-card a:hover .events-single__username, .events-single__group.card .events-single__member-card a:hover .events-single__username, .events-single__language.card .events-single__member-card a:hover .events-single__username {
        text-decoration: underline; }
      .events-single__attributes.card .events-single__member-card a .events-single__name, .events-single__group.card .events-single__member-card a .events-single__name, .events-single__language.card .events-single__member-card a .events-single__name {
        margin-left: 97px;
        margin-top: -25px;
        width: 100%; }
    .events-single__attributes.card .events-single__share, .events-single__group.card .events-single__share, .events-single__language.card .events-single__share {
      padding: 24px 0 0; }
      @media (min-width: 768px) {
        .events-single__attributes.card .events-single__share, .events-single__group.card .events-single__share, .events-single__language.card .events-single__share {
          flex-basis: calc(50% - 64px);
          padding: 32px 0 0;
          padding-bottom: 0;
          margin: 0 24px 32px; } }
      @media (min-width: 1024px) {
        .events-single__attributes.card .events-single__share, .events-single__group.card .events-single__share, .events-single__language.card .events-single__share {
          flex-basis: 100%;
          margin: 16px 0 0;
          padding: 32px; } }
      .events-single__attributes.card .events-single__share:first-child, .events-single__group.card .events-single__share:first-child, .events-single__language.card .events-single__share:first-child {
        margin-top: 0; }
      @media (min-width: 768px) {
        .events-single__attributes.card .events-single__share:nth-child(2), .events-single__group.card .events-single__share:nth-child(2), .events-single__language.card .events-single__share:nth-child(2) {
          align-items: center;
          border-top: 0;
          display: flex;
          padding-top: 32px; } }
      @media (min-width: 1024px) {
        .events-single__attributes.card .events-single__share:nth-child(2), .events-single__group.card .events-single__share:nth-child(2), .events-single__language.card .events-single__share:nth-child(2) {
          border-top: 1px solid #ededf0; } }
      .events-single__attributes.card .events-single__share:nth-child(1), .events-single__group.card .events-single__share:nth-child(1), .events-single__language.card .events-single__share:nth-child(1) {
        border-top: 0;
        padding-top: 0; }
        @media (min-width: 768px) {
          .events-single__attributes.card .events-single__share:nth-child(1), .events-single__group.card .events-single__share:nth-child(1), .events-single__language.card .events-single__share:nth-child(1) {
            padding-top: 32px; } }
    .events-single__attributes.card p.events-single__label, .events-single__group.card p.events-single__label, .events-single__language.card p.events-single__label {
      color: #737373;
      font-size: 0.875rem;
      margin-bottom: 16px; }
    .events-single__attributes.card .events-single__host, .events-single__group.card .events-single__host, .events-single__language.card .events-single__host {
      display: block;
      margin-top: 16px;
      text-align: center; }
    @media (min-width: 768px) {
      .events-single__attributes.card, .events-single__group.card, .events-single__language.card {
        margin-top: 53px;
        padding: 0; } }
  @media (min-width: 1024px) {
    .events-single__attributes.card {
      margin-top: 0; } }
  .events-single__group.card p.events-single__label {
    margin-bottom: 0; }
  @media (min-width: 1024px) {
    .events-single__group.card {
      padding: 16px 0; } }
  @media (min-width: 1024px) {
    .events-single__sidebar {
      margin-left: 40px; } }
  .events-single__share {
    border-top: 1px solid #ededf0;
    padding-top: 32px; }
    .events-single__share svg {
      position: relative;
      top: 2px; }
  .events-single__group, .events-single__language {
    margin-top: 32px; }
  .events-single__language.card .col-sm-12 {
    padding: 0; }
    @media (min-width: 768px) {
      .events-single__language.card .col-sm-12 {
        padding: 32px; } }
  .events-single__member-card a {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px; }
    @media (min-width: 768px) {
      .events-single__member-card a {
        margin-bottom: 32px; } }
    .events-single__member-card a:hover .events-single__username {
      text-decoration: underline; }
  .events-single__avatar {
    flex-basis: 80px;
    flex-shrink: 0;
    margin-right: 16px; }
    .events-single__avatar img {
      display: block;
      max-width: 100%; }
  .events-single__username::before {
    content: "@";
    display: inline; }
  .events-single p.events-single__country {
    padding-top: 8px; }
    .events-single p.events-single__country::before {
      content: url("./images/map-pin.svg");
      position: relative;
      top: 3px; }
  .events-single__cancel {
    display: block;
    margin-left: auto;
    text-align: center; }
    @media (min-width: 768px) {
      .events-single__cancel {
        max-width: 204px; } }
  .events-single__title--with-parenthetical {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .events-single__title--with-parenthetical {
        align-items: center;
        flex-direction: row; } }
    .events-single__title--with-parenthetical .title--secondary {
      margin-right: 8px;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .events-single__title--with-parenthetical .title--secondary {
          margin-bottom: 0.83em; } }
  .events-single__parenthetical {
    margin: 0 0 16px;
    font-size: 1.125rem;
    line-height: 2.3rem;
    display: inline-block; }
    @media (min-width: 768px) {
      .events-single__parenthetical {
        padding-top: 4px;
        margin: 0; } }
  .events-single .expected-attendees::before {
    content: "|";
    display: inline-block;
    padding: 0 8px 0 5px; }
  .events-single__location .card__map {
    flex-basis: 100%;
    padding-top: 21px; }
    @media (min-width: 768px) {
      .events-single__location .card__map {
        flex-basis: 58.333333%;
        padding-top: 0; } }
  .events-single__campaign {
    position: relative; }
    .events-single__campaign svg {
      position: absolute; }
    .events-single__campaign a {
      line-height: 24px;
      padding-left: 32px; }
  .events-single .em-booking-form-details {
    float: none;
    padding: 0;
    width: auto; }
  .events-single .em-booking-submit {
    width: auto;
    min-width: 190px;
    text-align: center;
    margin-top: 10px; }
    @media (max-width: 0) {
      .events-single .em-booking-submit {
        width: 100%;
        margin: 8px auto 0; } }
  .events-single .em-booking {
    text-align: right; }
  @media (min-width: 1024px) {
    .events-single__description {
      padding-right: 32px; } }
  .events-single__report {
    border-bottom: 1px solid #B1B1BC;
    text-align: right; }
  .events-single__report-btn {
    color: #0060DF;
    padding: 32px 0; }
    .events-single__report-btn svg {
      position: relative;
      top: 6px; }
    @media (min-width: 768px) {
      .events-single__report-btn {
        padding: 24px 0; } }
    @media (min-width: 1024px) {
      .events-single__report-btn {
        padding: 16px 0; } }
  .events-single__related {
    padding: 56px 0 0; }
    .events-single__related .title--secondary {
      margin-top: 0; }
  .events-single .events__column {
    padding: 0 0 32px; }
    @media (min-width: 768px) {
      .events-single .events__column:nth-child(2n + 1) {
        padding: 0 17px 0 0; } }
    @media (min-width: 768px) {
      .events-single .events__column:nth-child(2n) {
        padding: 0 0 0 17px; } }
  @media (min-width: 1024px) {
    .events-single .events__column {
      flex-basis: 50%;
      max-width: 50%; }
      .events-single .events__column .event-card__image {
        height: 270px; }
      .events-single .events__column:nth-child(1) {
        padding-left: 0; }
      .events-single .events__column:nth-child(2) {
        padding-right: 0; } }
  .events-single__report-container {
    align-items: center;
    border-bottom: 1px solid #B1B1BC;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0;
    margin-top: 32px;
    padding: 0;
    padding-bottom: 32px;
    width: 100%; }
  .events-single__report-group-link {
    align-items: center;
    color: #0060DF;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none; }
    .events-single__report-group-link svg {
      margin-right: 8px; }
  .events-single__external-link-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #0060DF; }

.gdpr {
  background-color: #000000;
  border-top: 1px solid #737373;
  bottom: 0;
  left: 0;
  min-height: 387px;
  position: fixed;
  width: 100%;
  z-index: 10000; }
  @media (min-width: 1024px) {
    .gdpr {
      min-height: 0; } }
  .gdpr__container {
    margin: 0 auto;
    position: relative;
    padding: 48px 24px; }
    .gdpr__container p {
      color: #fff;
      font-size: 1rem;
      line-height: 28px;
      margin: 0;
      margin-bottom: 8px;
      padding: 0; }
      .gdpr__container p a {
        color: #fff;
        text-decoration: underline !important; }
    @media (min-width: 768px) {
      .gdpr__container {
        padding: 32px 64px; } }
    @media (min-width: 1024px) {
      .gdpr__container {
        max-width: 1440px;
        padding: 32px 106px; } }
  .gdpr__title {
    color: #fff;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    line-height: 29px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0; }
    @media (min-width: 1024px) {
      .gdpr__title {
        font-size: 2rem;
        line-height: 40px; } }
  .gdpr__cta-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0;
    margin-top: 16px;
    padding: 0; }
    @media (min-width: 768px) {
      .gdpr__cta-container {
        flex-direction: row;
        justify-content: flex-start; } }
  .gdpr__cta {
    background-color: #0060DF;
    border-radius: 28px;
    color: #fff;
    font-size: 0.875rem;
    line-height: 22px;
    margin-bottom: 16px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none !important;
    width: 100%; }
    @media (min-width: 768px) {
      .gdpr__cta {
        font-size: 1rem;
        line-height: 18px;
        margin-bottom: 0;
        margin-right: 16px;
        max-width: 146px;
        padding: 15px 0; } }
  .gdpr__link {
    text-decoration: none; }
    .gdpr__link svg {
      margin-left: 0; }
  .gdpr__close {
    position: absolute;
    right: 24px;
    top: 54px; }
    @media (min-width: 768px) {
      .gdpr__close {
        top: 38px; } }
    @media (min-width: 1024px) {
      .gdpr__close {
        right: 106px;
        top: 44px; } }
  .gdpr--hide {
    display: none; }

.groups {
  width: 100%; }
  .groups__container {
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 24px; }
    @media (min-width: 768px) {
      .groups__container {
        margin-top: 69px; } }
  .groups__hero {
    background-color: #AAF2FF;
    height: 384px;
    padding: 0 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__hero {
        background-image: url("./images/groups-header.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right -50px bottom -10px;
        height: 404px;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .groups__hero {
        background-image: none;
        height: 332px;
        padding: 0 106px; } }
  .groups__hero-container {
    background-repeat: no-repeat;
    height: 100%;
    justify-content: center;
    max-width: 1228px;
    padding: 0;
    padding-top: 24px;
    position: relative;
    text-align: center; }
    @media (min-width: 768px) {
      .groups__hero-container {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        text-align: left; } }
    @media (min-width: 1024px) {
      .groups__hero-container {
        background-image: url("./images/groups-header.png");
        background-position: right;
        background-size: contain; } }
  .groups__hero-link {
    color: #000000; }
    .groups__hero-link:hover {
      text-decoration: none; }
  .groups__title:after {
    background-color: #00B3F4; }
  @media (min-width: 1024px) {
    .groups__hero-copy {
      max-width: 595px; } }
  .groups__search-container {
    background-color: #fff;
    bottom: -5px;
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    left: 0;
    padding: 16px 30px;
    position: absolute;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__search-container {
        bottom: -45px; } }
    @media (min-width: 1024px) {
      .groups__search-container {
        max-width: 703px; } }
  .groups__filter-container {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 24px;
    padding: 16px 30px;
    width: 100%; }
    .groups__filter-container span {
      display: inline-block;
      margin-bottom: 18px;
      width: 100%; }
      @media (min-width: 1024px) {
        .groups__filter-container span {
          display: inline;
          margin-bottom: 0;
          width: auto; } }
    .groups__filter-container.groups__filter-container--hidden {
      display: none; }
      @media (min-width: 768px) {
        .groups__filter-container.groups__filter-container--hidden {
          display: flex !important;
          flex-direction: row !important; } }
    @media (min-width: 768px) {
      .groups__filter-container {
        align-items: center !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important; } }
    @media (min-width: 1024px) {
      .groups__filter-container {
        justify-content: space-between !important; } }
  .groups__input-container {
    height: 100%;
    position: relative;
    width: 100%; }
    .groups__input-container svg {
      left: 0;
      position: absolute;
      top: 7px; }
  .groups__search-cta {
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__search-cta {
        width: auto; } }
  .groups__search-input {
    background-color: #fff;
    border: none;
    border: 1px solid transparent;
    border-bottom: 1px solid #ededf0;
    color: #737373;
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 24px;
    padding: 6px 32px;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__search-input {
        margin-bottom: 0;
        max-width: 450px; } }
    .groups__search-input:hover {
      border: 1px solid #0060DF; }
  .groups__form {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__form {
        flex-direction: row;
        justify-content: space-between; } }
  .groups__nav {
    display: none;
    height: 58px;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__nav {
        border-bottom: 1px solid #cdcdd4;
        display: block; } }
    .groups__nav.groups__nav--mobile {
      align-items: center;
      border-top: 1px solid #cdcdd4;
      border-bottom: 1px solid #cdcdd4;
      color: #737373;
      display: flex;
      flex-direction: row;
      font-size: 0.875rem;
      height: 56px;
      justify-content: flex-start;
      line-height: 24px;
      margin-bottom: 24px;
      position: relative;
      width: 100%; }
      @media (min-width: 768px) {
        .groups__nav.groups__nav--mobile {
          display: none; } }
      .groups__nav.groups__nav--mobile svg {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
  .groups__nav-select {
    appearance: none;
    background: transparent;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
    background-size: 25px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    border: none;
    box-sizing: border-box;
    margin-left: 8px;
    width: 100%;
    -webkit-appearance: none; }
  .groups__menu {
    border-top: 1px solid #cdcdd4;
    margin: 0;
    padding: 0; }
    .groups__menu .menu-item {
      width: auto; }
      .groups__menu .menu-item:first-child .group__menu-link {
        padding-left: 0; }
      .groups__menu .menu-item:first-child .group__menu-link--active::after,
      .groups__menu .menu-item:first-child .group__menu-link:hover::after {
        width: calc(100% - 16px);
        left: 0; }
  .groups__menu-link {
    color: #000000;
    font-size: 0.875rem;
    text-decoration: none;
    display: inline-block;
    padding: 16px;
    position: relative; }
    .groups__menu-link:hover::after {
      width: 100%; }
  .groups__select-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: wrap;
    margin-bottom: 8px;
    margin-left: 0;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__select-container {
        margin-bottom: 0;
        width: 40%; } }
    @media (min-width: 1024px) {
      .groups__select-container {
        flex-wrap: nowrap;
        margin-left: 16px;
        max-width: 30%;
        width: auto; } }
  .groups__show-filters-container {
    margin: 0 auto 24px;
    text-align: center; }
    @media (min-width: 768px) {
      .groups__show-filters-container {
        display: none; } }
  .groups__toggle-filter {
    border: 1px solid #0060DF;
    border-radius: 28px;
    box-sizing: border-box;
    color: #0060DF;
    display: inline-block;
    min-width: 272px;
    padding: 10px 15px;
    text-decoration: none; }
    .groups__toggle-filter .filters__show,
    .groups__toggle-filter .filters__hide {
      display: none; }
    .groups__toggle-filter--show .filters__show {
      display: block; }
    .groups__toggle-filter--hide .filters__hide {
      display: block; }
  .groups__location-select {
    appearance: none;
    background: #ededf0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    box-sizing: border-box;
    padding: 8px 16px;
    -webkit-appearance: none;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__location-select {
        margin-right: 16px; } }
    @media (min-width: 1024px) {
      .groups__location-select {
        margin-right: 0;
        width: 100%; } }
  .groups__language-select {
    appearance: none;
    background: #ededf0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    box-sizing: border-box;
    padding: 8px 16px;
    -webkit-appearance: none;
    width: 100%; }
    @media (min-width: 1024px) {
      .groups__language-select {
        margin-right: 0;
        width: 100%; } }
  .groups__tag-select {
    appearance: none;
    background: #ededf0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
    background-size: 25px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    border: none;
    box-sizing: border-box;
    padding: 8px 16px;
    -webkit-appearance: none;
    width: 100%; }
  .groups__location-select, .groups__language-select, .groups__tag-select {
    border: 1px solid transparent; }
    .groups__location-select:hover, .groups__language-select:hover, .groups__tag-select:hover {
      border: 1px solid #0060DF; }
  .groups__label {
    color: #737373;
    display: block;
    font-size: 0.875rem;
    line-height: 22px;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100%; }
    @media (min-width: 1024px) {
      .groups__label {
        display: inline-block;
        margin-bottom: 0;
        width: auto; } }
  .groups__groups {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__groups {
        flex-direction: row;
        justify-content: flex-start; } }
    .groups__groups:after {
      content: '';
      flex: auto; }
  .groups__card {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.3s ease-in-out;
    width: 100%; }
    .groups__card--homepage {
      height: 100%; }
    @media (min-width: 768px) {
      .groups__card {
        flex: 0 48%;
        margin-right: 4%; }
        .groups__card:nth-of-type(2n) {
          margin-right: 0; } }
    @media (min-width: 1024px) {
      .groups__card {
        flex: 0 32%;
        margin-right: 2%; }
        .groups__card:nth-of-type(2n) {
          margin-right: 2%; }
        .groups__card:nth-of-type(3n) {
          margin-right: 0; } }
    .groups__card:hover {
      transform: scale(1.02); }
      .groups__card:hover .groups__group-title {
        text-decoration: underline; }
  .groups__group-image {
    padding-top: 45.5%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #f8f8f8; }
  .groups__group-title {
    color: #000000;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0; }
  .groups__card-members svg, .groups__card-location svg {
    transform: translateY(2px);
    margin-right: 3px; }
  .groups__card-content {
    color: #737373;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    font-size: 0.875rem;
    justify-content: flex-start;
    line-height: 20px;
    padding: 24px 32px; }
  .groups__card-info {
    margin-top: auto; }
  .groups__card-location {
    margin-bottom: 8px; }
  .groups__card-tags {
    margin-top: auto;
    width: 100%; }
  .groups__card-tags__container {
    display: flex;
    padding: 0;
    align-items: flex-end;
    margin: 24px 0 0;
    flex-wrap: wrap; }
  .groups__tag {
    color: #42425a;
    background-color: #ededf0;
    border-radius: 50px;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 16px;
    margin-right: 8px;
    margin-bottom: 8px;
    min-width: 80px;
    padding: 6px;
    text-align: center; }
  .groups__pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
    width: 100%; }
  .groups__pagination-container {
    align-items: center;
    color: #000000;
    display: flex;
    flex-direction: row;
    font-size: 0.875rem;
    height: 24px;
    justify-content: space-between;
    line-height: 22px;
    max-width: 324px;
    width: 100%; }
  .groups__pagination-link {
    color: #000000;
    font-size: 0.875rem;
    line-height: 22px;
    margin-right: 1em;
    text-decoration: none;
    padding: 10px; }
    .groups__pagination-link.groups__pagination-link--active, .groups__pagination-link:hover {
      position: relative; }
      .groups__pagination-link.groups__pagination-link--active:after, .groups__pagination-link:hover:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #000000;
        bottom: 8px;
        display: block;
        width: calc( 100% - 20px);
        left: 10px; }
    .groups__pagination-link.groups__pagination-link--arrow:hover::after {
      border-color: #0060DF; }
    .groups__pagination-link.members__pagination-link--last, .groups__pagination-link.members__pagination-link--first {
      margin-right: 0; }
  .groups__no-results {
    font-size: 1.25rem;
    line-height: 28px;
    margin-top: 24px;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .groups__no-results {
        margin-top: 64px; } }
    @media (min-width: 1024px) {
      .groups__no-results {
        margin-top: 106px; } }
  .groups__results-query {
    font-size: 1.25rem;
    line-height: 28px;
    margin-bottom: 32px;
    width: 100%; }
  .groups__tag-link {
    color: #000000;
    display: inline;
    text-decoration: none; }

.group {
  width: 100%; }
  .group__title {
    color: #20123a;
    font-family: "Zilla Slab", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
    margin-top: 30px; }
    @media (min-width: 768px) {
      .group__title {
        font-size: 2.25rem;
        line-height: 43px; } }
    @media (min-width: 1024px) {
      .group__title {
        font-size: 3rem;
        line-height: 48px; } }
  .group__details {
    align-items: center;
    color: #737373;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: "Open Sans", sans-serif;
    font-size: 0.875rem;
    justify-content: flex-start;
    line-height: 20px;
    letter-spacing: 0.0025em;
    margin: 0;
    margin-top: 16px; }
  .group__nav {
    display: none; }
    @media (min-width: 768px) {
      .group__nav {
        border-bottom: 1px solid #cdcdd4;
        border-top: 1px solid #cdcdd4;
        display: block;
        height: 56px;
        margin-top: 24px;
        width: 100%; } }
    .group__nav.group__nav--mobile {
      border-bottom: 2px solid #0060DF;
      border-top: 1px solid #cdcdd4;
      color: #737373;
      display: flex;
      font-size: 0.875rem;
      line-height: 24px;
      margin-top: 24px;
      padding: 16px 0; }
      @media (min-width: 768px) {
        .group__nav.group__nav--mobile {
          display: none; } }
      .group__nav.group__nav--mobile .select-container, .group__nav.group__nav--mobile .create-group__select-container, .group__nav.group__nav--mobile .profile__select-container {
        flex-grow: 1;
        margin-left: 16px; }
        .group__nav.group__nav--mobile .select-container svg, .group__nav.group__nav--mobile .create-group__select-container svg, .group__nav.group__nav--mobile .profile__select-container svg {
          margin-top: 0; }
  .group__nav-select {
    border: none;
    box-shadow: none;
    width: 100%; }
  .group__nav-select-label {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .group__info {
    display: flex;
    flex-direction: column;
    margin-top: 32px; }
    @media (min-width: 1024px) {
      .group__info {
        flex-direction: row;
        justify-content: space-between; } }
  .group__status {
    color: #000000;
    display: inline-block;
    margin-left: 4px;
    text-decoration: underline; }
    .group__status:hover {
      text-decoration: none; }
  .group__created, .group__location {
    display: inline-block;
    margin: 8px 4px; }
  .group__community-links {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 32px; }
    .group__community-links span {
      color: #737373;
      display: block;
      font-size: 0.875rem;
      line-height: 24px;
      margin-bottom: 16px;
      width: 100%; }
  .group__community-link-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 24px;
    margin-right: 32px; }
    .group__community-link-container:last-of-type {
      margin-right: 0; }
    .group__community-link-container svg {
      height: 24px;
      width: 24px; }
      @media (min-width: 1024px) {
        .group__community-link-container svg {
          height: 32px;
          width: 32px; } }
  .group__meeting-location-link {
    color: #0060DF;
    font-size: 1.125rem;
    line-height: 28px;
    text-decoration: none; }
  .group__social-link {
    color: #0060DF;
    font-size: 0.875rem;
    line-height: 20px;
    margin-left: 8px;
    text-decoration: none; }
    .group__social-link:hover {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .group__social-link {
        font-size: 1rem;
        line-height: 24px; } }
    @media (min-width: 1024px) {
      .group__social-link {
        font-size: 1.125rem;
        line-height: 28px; } }
  .group__language-link {
    color: #0060DF;
    font-size: 0.875rem;
    line-height: 20px;
    text-decoration: none;
    padding: 0 16px 16px;
    display: block; }
    .group__language-link:hover {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .group__language-link {
        font-size: 1rem;
        line-height: 24px;
        padding: 0 24px 24px; } }
    @media (min-width: 1024px) {
      .group__language-link {
        font-size: 1.125rem;
        line-height: 28px;
        padding: 0 32px 32px; } }
  .group__left-column {
    width: 100%; }
    @media (min-width: 1024px) {
      .group__left-column {
        max-width: 703px; } }
  .group__right-column {
    margin-top: 32px;
    width: 100%; }
    .group__right-column .group__card {
      margin-top: 32px; }
      .group__right-column .group__card:first-of-type {
        margin-top: 0; }
    @media (min-width: 1024px) {
      .group__right-column {
        margin-left: 40px;
        margin-top: 0;
        max-width: 388px;
        width: 50%; } }
  .group__card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden; }
    .group__card.group__card--community-link {
      height: 88px; }
    .group__card.group__card--table .group__card-content {
      padding: 0; }
  .group__menu {
    display: inline-block;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0; }
    .group__menu li.menu-item {
      display: inline-block;
      margin: 0;
      padding: 0;
      text-align: left;
      width: auto; }
      .group__menu li.menu-item:first-child .group__menu-link {
        padding-left: 0; }
        .group__menu li.menu-item:first-child .group__menu-link--active::after, .group__menu li.menu-item:first-child .group__menu-link:hover::after {
          width: calc(100% - 16px);
          left: 0; }
  .group__menu-link {
    color: #000000;
    font-size: 0.875rem;
    line-height: 22px;
    text-decoration: none;
    display: inline-block;
    padding: 16px;
    position: relative; }
    .group__menu-link--active {
      font-weight: 600; }
      .group__menu-link--active::after {
        width: calc(100% - 32px); }
    .group__menu-link:after {
      background-color: #0060DF;
      bottom: 0;
      content: '';
      height: 2px;
      left: 16px;
      position: absolute; }
    .group__menu-link:hover::after {
      width: calc(100% - 32px); }
  .group__card-title {
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
    margin-top: 32px;
    padding: 0; }
  .group__card-image {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 100%;
    padding-top: 45.5%;
    position: relative;
    width: 100%;
    background-color: #f8f8f8; }
    .group__card-image .group__edit-link {
      align-items: center;
      background-color: #fff;
      border-radius: 50%;
      display: flex;
      height: 40px;
      justify-content: center;
      position: absolute;
      width: 40px;
      right: 32px;
      top: 32px; }
      .group__card-image .group__edit-link::after {
        content: "";
        display: block;
        background-color: #0060DF;
        height: 1px;
        width: calc(100% - 16px);
        position: absolute;
        bottom: 4px;
        left: 8px;
        display: none; }
      .group__card-image .group__edit-link:hover::after {
        display: block; }
  .group__card--activity {
    border-bottom: 0; }
  .group__card-no-image {
    align-items: center;
    background-color: #f9f9fa;
    border-bottom: 1px solid #ededf0;
    display: flex;
    flex-direction: row;
    height: 56px;
    justify-content: flex-end;
    padding-right: 32px; }
  .group__card-content {
    padding: 16px; }
    @media (min-width: 768px) {
      .group__card-content {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .group__card-content {
        padding: 32px; } }
    .group__card-content--small {
      padding: 0; }
    .group__card-content p.group__card-content__subtitle {
      color: #737373;
      display: block;
      font-size: 0.875rem;
      line-height: 24px;
      position: relative;
      width: 100%;
      padding: 16px; }
      @media (min-width: 768px) {
        .group__card-content p.group__card-content__subtitle {
          padding: 24px 24px 16px; } }
      @media (min-width: 1024px) {
        .group__card-content p.group__card-content__subtitle {
          padding: 32px 32px 16px; } }
      .group__card-content p.group__card-content__subtitle.no-line:after {
        display: none; }
      .group__card-content p.group__card-content__subtitle.username {
        color: #000000;
        display: flex;
        flex-direction: column;
        font-family: "Zilla Slab", sans-serif;
        font-size: 1.25rem;
        justify-content: center;
        line-height: 28px;
        max-width: 285px;
        padding-left: 11px;
        width: 100%; }
    .group__card-content hr {
      border: 0;
      border-top: 1px solid #ededf0;
      height: 0;
      margin: 24px 0; }
      .group__card-content hr.group__keyline {
        margin: 0 -16px;
        margin-bottom: 16px; }
        @media (min-width: 768px) {
          .group__card-content hr.group__keyline {
            margin: 0 -24px;
            margin-bottom: 24px; } }
        @media (min-width: 768px) {
          .group__card-content hr.group__keyline {
            margin: 0 -32px;
            margin-bottom: 32px; } }
    .group__card-content .group__card-title {
      margin-top: 0; }
    .group__card-content p {
      color: #20123a;
      font-size: 1rem;
      line-height: 24px;
      margin: 0;
      margin-bottom: 16px;
      word-break: break-word; }
      .group__card-content p:last-of-type {
        margin-bottom: 0; }
      @media (min-width: 1024px) {
        .group__card-content p {
          font-size: 1.125rem;
          line-height: 28px; } }
  .group__card-cta-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px; }
    .group__card-cta-container.group__card-cta-container--end {
      justify-content: flex-end; }
    @media (min-width: 768px) {
      .group__card-cta-container {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 32px; } }
  .group__leave-cta, .group__join-cta {
    border-radius: 28px;
    border: 1px solid #0060DF;
    background-color: #0060DF;
    color: #fff;
    font-size: 1rem;
    height: 48px;
    line-height: 18px;
    margin-bottom: 16px;
    min-width: 160px;
    padding: 15px 33px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease-in;
    width: 188px; }
    .group__leave-cta:focus, .group__leave-cta:hover, .group__join-cta:focus, .group__join-cta:hover {
      background-color: #fff; }
      .group__leave-cta:focus .leave,
      .group__leave-cta:focus .join, .group__leave-cta:hover .leave,
      .group__leave-cta:hover .join, .group__join-cta:focus .leave,
      .group__join-cta:focus .join, .group__join-cta:hover .leave,
      .group__join-cta:hover .join {
        color: #0060DF; }
    @media (min-width: 768px) {
      .group__leave-cta, .group__join-cta {
        margin-bottom: 0; } }
  .group .join,
  .group .leave {
    line-height: 1;
    color: #fff;
    display: none; }
  .group__join-cta .join {
    display: block; }
  .group__leave-cta .leave {
    display: block; }
  .group__share-cta {
    border: 1px solid #0060DF;
    border-radius: 28px;
    color: #0060DF;
    font-size: 1rem;
    min-height: 48px;
    line-height: 18px;
    min-width: 160px;
    padding: 15px 33px;
    padding-left: 55px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease-in;
    max-width: 300px; }
    .group__share-cta:focus, .group__share-cta:hover {
      background-color: #0060DF;
      border-color: #0060DF;
      color: #fff; }
      .group__share-cta:focus svg path, .group__share-cta:hover svg path {
        stroke: #fff; }
    .group__share-cta svg {
      left: 33px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
  .group__tags {
    height: 100%;
    width: 100%;
    padding: 16px;
    padding: 0 16px 16px; }
    @media (min-width: 768px) {
      .group__tags {
        padding: 0 24px 24px; } }
    @media (min-width: 1024px) {
      .group__tags {
        padding: 0 32px 32px; } }
  .group__tag {
    background-color: #ededf0;
    border-radius: 50px;
    color: #42425a;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 10px 15px;
    text-decoration: none; }
    .group__tag:hover {
      text-decoration: underline; }
  .group__admins {
    width: 100%; }
  .group__admin {
    align-items: center;
    display: flex;
    text-decoration: none;
    padding: 0 16px 8px; }
    @media (min-width: 768px) {
      .group__admin {
        padding: 0 24px 8px; } }
    @media (min-width: 1024px) {
      .group__admin {
        padding: 0 32px 8px; } }
    .group__admin + .group__admin {
      padding: 8px 16px 16px; }
      @media (min-width: 768px) {
        .group__admin + .group__admin {
          padding: 8px 24px 24px; } }
      @media (min-width: 1024px) {
        .group__admin + .group__admin {
          padding: 8px 32px 32px; } }
    .group__admin .group__admin-username {
      margin-bottom: 0; }
    .group__admin .group__admin-name {
      color: #737373;
      font-size: 0.875rem; }
    .group__admin:hover .group__admin-username {
      text-decoration: underline; }
    .group__admin .members__avatar, .group__admin .events-single__avatar {
      background-color: #ededf0;
      background-position: center;
      border-radius: 50% !important;
      height: 64px;
      min-width: 64px;
      width: 64px; }
    .group__admin .username {
      color: #000000;
      margin-left: 8px; }
  .group__members-container {
    margin: 0;
    padding: 0;
    width: 100%; }
  .group__members {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .group__members {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between; } }
  .group__member-count-container {
    align-items: center;
    border-top: 1px solid #ededf0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 24px; }
    .group__member-count-container:nth-child(2) {
      border-top: 0; }
    @media (min-width: 1024px) {
      .group__member-count-container {
        padding: 32px 32px; } }
    .group__member-count-container:first-of-type {
      border-top: none; }
  .group .group__member-count {
    color: #000000;
    text-decoration: none;
    display: block; }
    .group .group__member-count:nth-child(n + 3) {
      border-top: 1px solid #ededf0; }
    .group .group__member-count:hover span {
      text-decoration: underline; }
      .group .group__member-count:hover span.group__member-count__numeral {
        text-decoration: none; }
  .group span.group__event-count,
  .group .group__member-count__numeral {
    display: inline-block;
    transform: translateY(3px);
    color: #0060DF;
    font-family: "Zilla Slab", sans-serif;
    font-size: 2.25rem;
    margin-right: 8px;
    text-decoration: none;
    width: auto; }
    .group span.group__event-count:after,
    .group .group__member-count__numeral:after {
      display: none; }
  .group__event {
    border-top: 1px solid #ededf0;
    border-bottom: 1px solid #ededf0;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 16px;
    text-decoration: none; }
    .group__event:hover .group__event-title {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .group__event {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .group__event {
        padding: 24px 32px; } }
  .group__event-date {
    color: #0060DF;
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    justify-content: center;
    line-height: 28px;
    margin-right: 24px;
    text-align: center;
    width: 36px; }
  .group__event-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px; }
  .group__event-location, .group__event-time {
    color: #737373;
    font-size: 0.875rem;
    line-height: 20px;
    margin-bottom: 8px; }
  .group__events-link {
    color: #0060DF;
    display: block;
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none;
    padding: 16px; }
    .group__events-link svg {
      margin-left: 4px; }
    @media (min-width: 768px) {
      .group__events-link {
        padding: 20px 24px 24px; } }
    @media (min-width: 1024px) {
      .group__events-link {
        padding: 32px; } }
    .group__events-link:hover {
      text-decoration: underline; }
  .group__admin-name {
    color: #737373;
    font-size: 0.875rem;
    line-height: 20px;
    margin-top: 8px; }
  .group__announcements {
    border-spacing: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
    .group__announcements tbody td {
      border-top: 1px solid #ededf0;
      margin: 0 -16px; }
      @media (min-width: 768px) {
        .group__announcements tbody td {
          margin: 0 -24px; } }
      @media (min-width: 1024px) {
        .group__announcements tbody td {
          margin: 0 -32px; } }
  .group__table-header {
    font-size: 0.875rem;
    line-height: 24px;
    padding: 16px; }
    @media (min-width: 768px) {
      .group__table-header {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .group__table-header {
        font-size: 1rem;
        padding: 32px; } }
    .group__table-header.group__table-header--topic {
      min-width: 70%;
      text-align: left; }
    .group__table-header.group__table-header--activity {
      display: none; }
      @media (min-width: 768px) {
        .group__table-header.group__table-header--activity {
          display: table-cell; } }
  .group__table-cell {
    font-size: 1rem;
    line-height: 24px;
    padding: 16px;
    text-align: center; }
    @media (min-width: 768px) {
      .group__table-cell {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .group__table-cell {
        font-size: 1.125rem;
        line-height: 28px;
        padding: 32px; } }
    .group__table-cell.group__table-cell--topic {
      min-width: 70%;
      text-align: left; }
    .group__table-cell.group__table-cell--activity {
      display: none; }
      @media (min-width: 768px) {
        .group__table-cell.group__table-cell--activity {
          display: table-cell; } }
  .group__topic-title {
    color: #000000; }
  .group__topic-date {
    color: #737373;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 24px; }
  .group__topic-link {
    text-decoration: none;
    position: relative; }
    .group__topic-link:before {
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .group__view-updates-link {
    color: #0060DF;
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none; }
    .group__view-updates-link svg {
      margin-left: 8px; }
  .group__report-container {
    align-items: center;
    border-bottom: 1px solid #B1B1BC;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0;
    margin-top: 32px;
    padding: 0;
    padding-bottom: 32px;
    width: 100%; }
  .group__report-group-link {
    align-items: center;
    color: #0060DF;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none; }
    .group__report-group-link svg {
      margin-right: 8px; }
  .group__language {
    color: #42425a;
    font-size: 0.875rem;
    line-height: 20px; }
  .group__show-debug-info {
    align-items: center;
    color: #0060DF;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    line-height: 24px;
    margin-top: 16px;
    text-decoration: none; }
  .group__debug-info.group__debug-info--hidden {
    display: none; }
  .group.members__search-container {
    position: static;
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .group.members__search-container {
        margin-bottom: 32px; } }

body.home-page {
  background: white;
  overflow-x: hidden; }

.homepage {
  position: relative; }
  .homepage__container {
    overflow-x: hidden; }
    @media (min-width: 1024px) {
      .homepage__container {
        overflow-x: visible; } }
  .homepage__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0; }
  .homepage__hero {
    align-items: center;
    display: flex;
    margin-bottom: 40px;
    padding: 40px 0 32px;
    position: relative; }
    .homepage__hero__background {
      height: 100%;
      top: 0; }
    .homepage__hero__title {
      font-size: 2.5rem;
      line-height: 40px;
      margin: 0; }
      @media (min-width: 1024px) {
        .homepage__hero__title {
          font-size: 4rem;
          line-height: 56px; } }
      .homepage__hero__title span {
        font-weight: bold; }
    .homepage__hero__subtitle {
      margin: 16px 0 32px; }
      @media (min-width: 1024px) {
        .homepage__hero__subtitle {
          margin-top: 18px; } }
    .homepage__hero__cta {
      width: 100%;
      text-align: center; }
      @media (min-width: 768px) {
        .homepage__hero__cta {
          max-width: 183px;
          width: auto; } }
    @media (min-width: 768px) {
      .homepage__hero {
        margin-bottom: 48px;
        padding: 70px 0 40px; } }
    @media (min-width: 1024px) {
      .homepage__hero {
        margin-bottom: 64px; } }
  .homepage__hero__splash {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 55px; }
  .homepage__hero__image {
    margin-top: 50px;
    margin-bottom: 48px;
    position: relative; }
    .homepage__hero__image img {
      border-radius: 50%;
      box-shadow: 0 18px 26px rgba(0, 0, 0, 0.16);
      display: block;
      height: auto;
      position: relative;
      width: 100%;
      z-index: 2; }
      @media (min-width: 1024px) {
        .homepage__hero__image img {
          max-height: 418px;
          max-width: 418px; } }
    .homepage__hero__image::before {
      content: '';
      background-image: url("./images/homepage-hero-shape.svg");
      background-position: top center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      left: -45px;
      position: absolute;
      top: -60px;
      width: 100%; }
      @media (min-width: 1024px) {
        .homepage__hero__image::before {
          left: -50px; } }
  .homepage__campaign__image {
    display: none; }
    @media (min-width: 1024px) {
      .homepage__campaign__image {
        display: block; } }
  .homepage__campaign__copy {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 48px; }
    @media (min-width: 768px) {
      .homepage__campaign__copy {
        margin-bottom: 82px;
        max-width: 50%; } }
    @media (min-width: 1024px) {
      .homepage__campaign__copy {
        max-width: 100%; } }
  .homepage__campaign__active {
    height: 100%;
    background: white;
    position: relative; }
    .homepage__campaign__active .campaigns__active-campaign {
      margin-top: 0; }
      .homepage__campaign__active .campaigns__active-campaign-hero-container {
        flex-wrap: wrap;
        justify-content: center; }
      .homepage__campaign__active .campaigns__active-campaign-title-container {
        flex: 1 0 50%;
        padding: 0 16px;
        margin: 0;
        margin-top: 16px; }
        @media (min-width: 768px) {
          .homepage__campaign__active .campaigns__active-campaign-title-container {
            margin-top: 0; } }
      @media (min-width: 1024px) {
        .homepage__campaign__active .campaigns__active-campaign {
          padding: 74px; } }
    @media (min-width: 1024px) {
      .homepage__campaign__active .campaigns__active-campaign-description {
        padding: 0 16px; } }
    .homepage__campaign__active .campaign__hero-image {
      padding-top: calc(100% - 32px);
      background-size: 100%;
      background-repeat: no-repeat;
      flex: 1 1 50%;
      min-height: 226px;
      margin-bottom: 0;
      width: 100%;
      height: auto; }
      @media (min-width: 768px) {
        .homepage__campaign__active .campaign__hero-image {
          padding-top: calc(50% - 24px);
          width: 50%; } }
      @media (min-width: 1024px) {
        .homepage__campaign__active .campaign__hero-image {
          padding-top: calc(50% - 90px);
          flex: 0 1 226px;
          margin-left: 16px;
          margin-right: 16px;
          margin-bottom: 10px; } }
    .homepage__campaign__active::before {
      content: url("./images/Rectangle.svg");
      display: block;
      position: absolute;
      right: -32px;
      top: -32px;
      max-width: 100%;
      z-index: -1;
      display: none; }
      @media (min-width: 768px) {
        .homepage__campaign__active::before {
          display: block; } }
    .homepage__campaign__active::after {
      content: url("./images/Line.svg");
      display: block;
      position: absolute;
      bottom: -50px;
      max-width: 100%;
      right: -40px;
      display: none; }
      @media (min-width: 768px) {
        .homepage__campaign__active::after {
          display: block; } }
  .homepage__events, .homepage__groups, .homepage__activities {
    margin-top: 36px;
    padding-bottom: 36px;
    position: relative; }
    @media (min-width: 768px) {
      .homepage__events, .homepage__groups, .homepage__activities {
        margin-top: 48px;
        padding-bottom: 98px; } }
    @media (min-width: 1024px) {
      .homepage__events, .homepage__groups, .homepage__activities {
        margin-bottom: 186px;
        margin-top: 80px; } }
    @media (min-width: 768px) {
      .homepage__events__grid .events__column,
      .homepage__events__grid .groups__column, .homepage__groups__grid .events__column,
      .homepage__groups__grid .groups__column, .homepage__activities__grid .events__column,
      .homepage__activities__grid .groups__column {
        max-width: calc(50% - 16px); } }
    @media (min-width: 1024px) {
      .homepage__events__grid .events__column,
      .homepage__events__grid .groups__column, .homepage__groups__grid .events__column,
      .homepage__groups__grid .groups__column, .homepage__activities__grid .events__column,
      .homepage__activities__grid .groups__column {
        max-width: calc(33.33% - 22px); } }
    @media (min-width: 768px) {
      .homepage__events__grid .events__column:nth-of-type(3n),
      .homepage__events__grid .groups__column:nth-of-type(3n),
      .homepage__events__grid .activities__column:nth-of-type(3n), .homepage__groups__grid .events__column:nth-of-type(3n),
      .homepage__groups__grid .groups__column:nth-of-type(3n),
      .homepage__groups__grid .activities__column:nth-of-type(3n), .homepage__activities__grid .events__column:nth-of-type(3n),
      .homepage__activities__grid .groups__column:nth-of-type(3n),
      .homepage__activities__grid .activities__column:nth-of-type(3n) {
        margin-right: 16px; } }
    @media (min-width: 1024px) {
      .homepage__events__grid .events__column:nth-of-type(3n),
      .homepage__events__grid .groups__column:nth-of-type(3n),
      .homepage__events__grid .activities__column:nth-of-type(3n), .homepage__groups__grid .events__column:nth-of-type(3n),
      .homepage__groups__grid .groups__column:nth-of-type(3n),
      .homepage__groups__grid .activities__column:nth-of-type(3n), .homepage__activities__grid .events__column:nth-of-type(3n),
      .homepage__activities__grid .groups__column:nth-of-type(3n),
      .homepage__activities__grid .activities__column:nth-of-type(3n) {
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .homepage__events__grid .groups__column:nth-of-type(2n + 1),
      .homepage__events__grid .events__column:nth-of-type(2n + 1),
      .homepage__events__grid .activities__column:nth-of-type(2n + 1), .homepage__groups__grid .groups__column:nth-of-type(2n + 1),
      .homepage__groups__grid .events__column:nth-of-type(2n + 1),
      .homepage__groups__grid .activities__column:nth-of-type(2n + 1), .homepage__activities__grid .groups__column:nth-of-type(2n + 1),
      .homepage__activities__grid .events__column:nth-of-type(2n + 1),
      .homepage__activities__grid .activities__column:nth-of-type(2n + 1) {
        margin-left: 0;
        margin-right: 16px; } }
    @media (min-width: 1024px) {
      .homepage__events__grid .events__column:nth-of-type(3n + 1),
      .homepage__events__grid .groups__column:nth-of-type(3n + 1),
      .homepage__events__grid .activities__column:nth-of-type(3n + 1), .homepage__groups__grid .events__column:nth-of-type(3n + 1),
      .homepage__groups__grid .groups__column:nth-of-type(3n + 1),
      .homepage__groups__grid .activities__column:nth-of-type(3n + 1), .homepage__activities__grid .events__column:nth-of-type(3n + 1),
      .homepage__activities__grid .groups__column:nth-of-type(3n + 1),
      .homepage__activities__grid .activities__column:nth-of-type(3n + 1) {
        margin-left: 0; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .homepage__events__grid .groups__column:nth-of-type(2n),
      .homepage__events__grid .activities__column:nth-of-type(2n),
      .homepage__events__grid .events__column:nth-of-type(2n), .homepage__groups__grid .groups__column:nth-of-type(2n),
      .homepage__groups__grid .activities__column:nth-of-type(2n),
      .homepage__groups__grid .events__column:nth-of-type(2n), .homepage__activities__grid .groups__column:nth-of-type(2n),
      .homepage__activities__grid .activities__column:nth-of-type(2n),
      .homepage__activities__grid .events__column:nth-of-type(2n) {
        margin-right: 0px; } }
    .homepage__events__grid .groups__column,
    .homepage__events__grid .activities__column,
    .homepage__events__grid .events__column, .homepage__groups__grid .groups__column,
    .homepage__groups__grid .activities__column,
    .homepage__groups__grid .events__column, .homepage__activities__grid .groups__column,
    .homepage__activities__grid .activities__column,
    .homepage__activities__grid .events__column {
      margin: 16px 0; }
      @media (min-width: 768px) {
        .homepage__events__grid .groups__column,
        .homepage__events__grid .activities__column,
        .homepage__events__grid .events__column, .homepage__groups__grid .groups__column,
        .homepage__groups__grid .activities__column,
        .homepage__groups__grid .events__column, .homepage__activities__grid .groups__column,
        .homepage__activities__grid .activities__column,
        .homepage__activities__grid .events__column {
          max-width: calc(50% - 16px);
          margin: 32px 16px; } }
      @media (min-width: 1024px) {
        .homepage__events__grid .groups__column,
        .homepage__events__grid .activities__column,
        .homepage__events__grid .events__column, .homepage__groups__grid .groups__column,
        .homepage__groups__grid .activities__column,
        .homepage__groups__grid .events__column, .homepage__activities__grid .groups__column,
        .homepage__activities__grid .activities__column,
        .homepage__activities__grid .events__column {
          max-width: calc(33.33% - 22px); } }
      .homepage__events__grid .groups__column .card,
      .homepage__events__grid .activities__column .card,
      .homepage__events__grid .events__column .card, .homepage__groups__grid .groups__column .card,
      .homepage__groups__grid .activities__column .card,
      .homepage__groups__grid .events__column .card, .homepage__activities__grid .groups__column .card,
      .homepage__activities__grid .activities__column .card,
      .homepage__activities__grid .events__column .card {
        height: 100%; }
        .homepage__events__grid .groups__column .card .groups__group-image,
        .homepage__events__grid .activities__column .card .groups__group-image,
        .homepage__events__grid .events__column .card .groups__group-image, .homepage__groups__grid .groups__column .card .groups__group-image,
        .homepage__groups__grid .activities__column .card .groups__group-image,
        .homepage__groups__grid .events__column .card .groups__group-image, .homepage__activities__grid .groups__column .card .groups__group-image,
        .homepage__activities__grid .activities__column .card .groups__group-image,
        .homepage__activities__grid .events__column .card .groups__group-image {
          border-top-left-radius: 4px;
          border-top-right-radius: 4px; }
    .homepage__events__subheader, .homepage__groups__subheader, .homepage__activities__subheader {
      margin-top: 0;
      margin-bottom: 24px;
      text-align: center; }
      @media (min-width: 768px) {
        .homepage__events__subheader, .homepage__groups__subheader, .homepage__activities__subheader {
          margin-bottom: 0;
          max-width: 50%;
          text-align: left; } }
    @media (min-width: 768px) {
      .homepage__events__cta, .homepage__groups__cta, .homepage__activities__cta {
        align-items: flex-end;
        display: flex;
        justify-content: flex-end; } }
    .homepage__events__meta, .homepage__groups__meta, .homepage__activities__meta {
      margin-bottom: 32px; }
      @media (min-width: 768px) {
        .homepage__events__meta, .homepage__groups__meta, .homepage__activities__meta {
          margin-bottom: 32px; } }
      @media (min-width: 1024px) {
        .homepage__events__meta, .homepage__groups__meta, .homepage__activities__meta {
          margin-bottom: 40px; } }
    .homepage__events__count, .homepage__groups__count, .homepage__activities__count {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .homepage__events__count__span, .homepage__groups__count__span, .homepage__activities__count__span {
        display: block;
        text-align: center;
        margin-bottom: 32px; }
      .homepage__events__count__link, .homepage__events__count__link:visited, .homepage__groups__count__link, .homepage__groups__count__link:visited, .homepage__activities__count__link, .homepage__activities__count__link:visited {
        text-decoration: none;
        color: #0060DF; }
        .homepage__events__count__link::after, .homepage__events__count__link:visited::after, .homepage__groups__count__link::after, .homepage__groups__count__link:visited::after, .homepage__activities__count__link::after, .homepage__activities__count__link:visited::after {
          content: url("./images/chevron-right-2.svg");
          display: inline-block;
          padding-left: 4px;
          position: relative;
          top: 3px; }
        .homepage__events__count__link:hover, .homepage__events__count__link:visited:hover, .homepage__groups__count__link:hover, .homepage__groups__count__link:visited:hover, .homepage__activities__count__link:hover, .homepage__activities__count__link:visited:hover {
          border-bottom: 1px solid #0060DF; }
  .homepage__groups__grid, .homepage__events__grid {
    padding-bottom: 110px; }
    @media (min-width: 768px) {
      .homepage__groups__grid, .homepage__events__grid {
        padding-bottom: 0; } }
  .homepage__events__background, .homepage__hero__background, .homepage__groups__background, .homepage__activities__background, .homepage__campaign__background {
    min-width: 320px;
    position: absolute;
    width: 100vw;
    z-index: -1; }
  .homepage__events__background, .homepage__hero__background, .homepage__groups__background {
    border-bottom-left-radius: 30px;
    left: -24px; }
    @media (min-width: 768px) {
      .homepage__events__background, .homepage__hero__background, .homepage__groups__background {
        left: 135px; } }
  .homepage__events__background, .homepage__groups__background {
    height: calc(100% - 232px); }
    @media (min-width: 768px) {
      .homepage__events__background, .homepage__groups__background {
        height: calc(100% - 248px); } }
  .homepage__campaign {
    position: relative; }
    .homepage__campaign__subheader {
      margin-bottom: 0; }
    .homepage__campaign__container {
      padding: 64px 0 76px; }
      @media (min-width: 768px) {
        .homepage__campaign__container {
          padding: 106px 0; } }
    .homepage__campaign__meta {
      margin-top: auto;
      margin-bottom: auto; }
    .homepage__campaign__image {
      margin: 0 auto; }
    .homepage__campaign__background {
      background-color: #F7E2FF;
      height: 100%;
      right: -24px; }
      @media (min-width: 768px) {
        .homepage__campaign__background {
          right: 105px;
          height: 100%;
          border-radius: 30px; } }
  .homepage__activities {
    position: relative;
    padding-bottom: 110px; }
    @media (min-width: 768px) {
      .homepage__activities {
        padding-bottom: 240px; } }
    @media (min-width: 1024px) {
      .homepage__activities {
        padding-bottom: 60px; } }
    .homepage__activities__background {
      right: -24px;
      height: 60%; }
      @media (min-width: 768px) {
        .homepage__activities__background {
          height: 50%;
          border-radius: 30px; } }
      @media (min-width: 1024px) {
        .homepage__activities__background {
          height: calc(100% - 248px);
          right: 455px; } }
    .homepage__activities::before {
      content: url("./images/Union.svg");
      position: absolute;
      bottom: 0;
      z-index: -1;
      display: block;
      right: -24px; }
      @media (min-width: 768px) {
        .homepage__activities::before {
          right: 0; } }
      @media (min-width: 1024px) {
        .homepage__activities::before {
          right: -100px; } }
  .homepage__events__background, .homepage__groups__background, .homepage__activities__background {
    top: 190px; }
    @media (min-width: 768px) {
      .homepage__events__background, .homepage__groups__background, .homepage__activities__background {
        top: 200px; } }
    @media (min-width: 1024px) {
      .homepage__events__background, .homepage__groups__background, .homepage__activities__background {
        top: 200px; } }
  .homepage__events {
    margin-top: 0; }
    .homepage__events__background {
      background-color: #ffffcc; }
  .homepage__groups__background, .homepage__hero__background {
    background-color: #F2FCFD; }
  .homepage__activities__background {
    background-color: #FFDFE7; }

.lightbox {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 200; }
  .lightbox__container {
    background: white;
    max-width: 810px;
    padding: 24px;
    position: relative;
    width: 80%; }
    @media (min-width: 768px) {
      .lightbox__container {
        padding: 48px; } }
    .lightbox__container .row {
      max-height: 60vh;
      overflow: scroll; }
    .lightbox__container p {
      margin-top: 0; }
  .lightbox .btn--close {
    padding: 24px;
    position: absolute;
    top: 0;
    right: 0; }
  .lightbox-show {
    display: flex; }

.marker {
  background-image: url("./images/place-marker.png");
  background-size: cover;
  border-radius: 50%;
  cursor: pointer;
  height: 40px;
  width: 40px; }

.members {
  width: 100%; }
  .members__hero {
    background-color: #B3FFE3;
    height: 388px;
    padding: 0 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .members__hero {
        background-image: url("./images/mozilla-create-profile.png");
        background-position: right -140px center;
        background-size: 470px 470px;
        background-repeat: no-repeat;
        height: 404px;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .members__hero {
        background-image: none;
        height: 332px;
        padding: 0 106px; } }
  .members__hero-container {
    height: 100%;
    max-width: 1228px;
    padding: 0;
    padding-top: 24px;
    position: relative;
    text-align: center; }
    @media (min-width: 768px) {
      .members__hero-container {
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
        text-align: left; } }
    @media (min-width: 1024px) {
      .members__hero-container {
        background-image: url("./images/mozilla-create-profile.png");
        background-position: right -40px bottom -40px;
        background-size: 440px 440px; } }
  .members__title:after {
    background-color: #2AC3A2; }
  .members__search-container {
    background-color: #fff;
    border-radius: 5px;
    bottom: -5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    left: 0;
    padding: 16px 30px;
    position: absolute;
    width: 100%; }
    @media (min-width: 768px) {
      .members__search-container {
        bottom: -45px; } }
    @media (min-width: 1024px) {
      .members__search-container {
        max-width: 703px; } }
  .members__results-for {
    color: #000000;
    font-size: 1.25rem;
    line-height: 28px;
    margin-top: 8px;
    margin-bottom: 32px;
    width: 100%; }
  .members__filter-container {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    margin-bottom: 24px;
    max-width: 1228px;
    padding: 16px 30px;
    width: 100%; }
    .members__filter-container span {
      display: inline-block;
      margin-bottom: 18px;
      width: 100%; }
      @media (min-width: 1024px) {
        .members__filter-container span {
          display: inline;
          margin-bottom: 0;
          width: auto; } }
    .members__filter-container.members__filter-container--hidden {
      display: none; }
      @media (min-width: 768px) {
        .members__filter-container.members__filter-container--hidden {
          display: flex !important;
          flex-direction: row !important; } }
    @media (min-width: 768px) {
      .members__filter-container {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; } }
    @media (min-width: 1024px) {
      .members__filter-container {
        justify-content: space-between; } }
  .members__input-container {
    height: 100%;
    position: relative;
    width: 100%; }
    .members__input-container svg {
      left: 0;
      position: absolute;
      top: 7px; }
  .members__select-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: wrap;
    margin-bottom: 8px;
    margin-left: 0;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .members__select-container {
        margin-bottom: 0;
        width: 40%; } }
    @media (min-width: 1024px) {
      .members__select-container {
        flex-wrap: nowrap;
        margin-left: 16px;
        width: 25%; } }
  .members__show-filters-container {
    margin: 0 auto;
    margin-bottom: 24px;
    text-align: center; }
    @media (min-width: 768px) {
      .members__show-filters-container {
        display: none; } }
  .members__toggle-filter {
    border: 1px solid #0060DF;
    border-radius: 28px;
    box-sizing: border-box;
    color: #0060DF;
    display: inline-block;
    min-width: 272px;
    padding: 10px 15px;
    text-decoration: none; }
    .members__toggle-filter .filters__show,
    .members__toggle-filter .filters__hide {
      display: none; }
    .members__toggle-filter--show .filters__show {
      display: block; }
    .members__toggle-filter--hide .filters__hide {
      display: block; }
  .members__location-select {
    appearance: none;
    background: #ededf0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    box-sizing: border-box;
    padding: 8px 16px;
    -webkit-appearance: none;
    width: 100%; }
    @media (min-width: 768px) {
      .members__location-select {
        margin-right: 16px; } }
    @media (min-width: 1024px) {
      .members__location-select {
        margin-right: 0;
        width: 100%; } }
  .members__language-select, .members__tag-select {
    appearance: none;
    background: #ededf0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
    background-size: 25px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    border: none;
    box-sizing: border-box;
    padding: 8px 16px;
    -webkit-appearance: none;
    width: 100%; }
  .members__location-select, .members__language-select, .members__tag-select {
    border: 1px solid transparent; }
    .members__location-select:hover, .members__language-select:hover, .members__tag-select:hover {
      border: 1px solid #0060DF; }
  .members__label {
    color: #737373;
    display: block;
    font-size: 0.875rem;
    line-height: 22px;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100%; }
    @media (min-width: 1024px) {
      .members__label {
        display: inline-block;
        margin-bottom: 0;
        width: auto; } }
  .members__input-container {
    height: 100%;
    position: relative;
    width: 100%; }
    .members__input-container svg {
      left: 0;
      position: absolute;
      top: 7px; }
  .members__search-cta {
    border: 1px solid #0060DF;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .members__search-cta {
        width: auto; } }
  .members__search-input {
    background-color: #fff;
    border: none;
    border: 1px solid transparent;
    border-bottom: 1px solid #ededf0;
    color: #737373;
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 24px;
    padding: 6px 32px;
    width: 100%; }
    .members__search-input:hover {
      border: 1px solid #0060DF; }
    @media (min-width: 768px) {
      .members__search-input {
        margin-bottom: 0;
        max-width: 450px; } }
  .members__container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    margin-top: 32px;
    padding: 0 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .members__container {
        margin-top: 83px;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .members__container {
        padding: 0 106px; } }
  .members__people-container {
    display: flex;
    flex-direction: column;
    max-width: 1228px;
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .members__people-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between; } }
  .members__form {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .members__form {
        justify-content: space-between;
        flex-direction: row; } }
  .members__member-card {
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    border-radius: 4px;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 32px;
    padding: 16px;
    text-decoration: none;
    transition: transform 0.3s ease-in-out;
    width: 100%; }
    .members__member-card:hover {
      transform: scale(1.02); }
      .members__member-card:hover .members__username, .members__member-card:hover .events-single__username {
        text-decoration: underline; }
    @media (min-width: 768px) {
      .members__member-card {
        margin-left: 24px;
        width: 48%; }
        .members__member-card:nth-of-type(odd) {
          margin-left: 0; } }
  .members__member-info {
    margin-left: 16px; }
  .members__avatar, .events-single__avatar {
    background-color: #ededf0;
    background-position: center;
    border-radius: 50% !important;
    background-size: cover;
    height: 80px;
    overflow: hidden;
    width: 80px; }
  .members__location {
    align-items: center;
    display: flex;
    color: #737373;
    flex-direction: row;
    font-size: 0.875rem;
    justify-content: flex-start;
    letter-spacing: 0.0025em;
    line-height: 20px;
    margin-top: 8px; }
  .members__username, .events-single__username {
    color: #20123a;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.25rem;
    line-height: 28px;
    margin: 0;
    margin-bottom: 8px; }
  .members__name, .events-single__name, .events-single__country {
    color: #737373;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 20px;
    margin: 0;
    padding: 0; }
  .members__pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
    width: 100%; }
  .members__pagination-container {
    align-items: center;
    color: #000000;
    display: flex;
    flex-direction: row;
    font-size: 0.875rem;
    height: 24px;
    justify-content: space-between;
    line-height: 22px;
    max-width: 324px;
    width: 100%; }
  .members__pagination-link {
    color: #000000;
    font-size: 0.875rem;
    line-height: 22px;
    margin-right: 1em;
    text-decoration: none;
    padding: 10px; }
    .members__pagination-link.members__pagination-link--active, .members__pagination-link:hover {
      position: relative; }
      .members__pagination-link.members__pagination-link--active:after, .members__pagination-link:hover:after {
        content: '';
        border-bottom: 1px solid #000000;
        bottom: 8px;
        display: block;
        left: 10px;
        position: absolute;
        width: calc( 100% - 20px); }
    .members__pagination-link--arrow:hover::after {
      border-bottom: 1px solid #0060DF; }
    .members__pagination-link.members__pagination-link--last, .members__pagination-link.members__pagination-link--first {
      margin-right: 0; }

.nav {
  display: none; }
  @media (min-width: 1024px) {
    .nav {
      box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
      display: block;
      width: 100%; } }
  .nav__container {
    align-items: center;
    color: #000000;
    display: flex;
    flex-direction: row;
    height: 58px;
    justify-content: flex-start; }
    .nav__container .menu-item--active {
      background-color: #f9f9fa; }
  .nav__header {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center; }
  .nav__menu {
    background-color: #000000;
    height: 58px; }
    .nav__menu .menu-item__link {
      position: relative; }
      .nav__menu .menu-item__link:after {
        bottom: 2px;
        border-bottom: 2px solid #fff;
        content: '';
        display: block;
        left: 16px;
        position: absolute;
        width: 0px; }
      .nav__menu .menu-item__link:hover::after {
        width: calc(100% - 32px); }
  .nav__avatar-link {
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-decoration: none; }
  .nav__logo {
    height: 48px; }
  .nav__search-container {
    position: relative;
    width: 240px; }
  .nav__search {
    background-color: #ededf0;
    border: 1px solid #ededf0;
    border-radius: 5px;
    color: #737373;
    font-size: 0.75rem;
    height: 27px;
    line-height: 20px;
    padding: 5px 10px 5px 28px;
    width: 100%; }
    .nav__search:hover {
      border: 1px solid #0060DF; }
  .nav__search-icon {
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .nav__login {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 25px;
    margin-left: auto;
    margin-right: 40px; }
  .nav__logout-link {
    color: #000000;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 16px;
    margin-left: 24px;
    margin-top: 2px; }
  .nav__login-link {
    color: #000000;
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none; }
    .nav__login-link.nav__login-link--mobile {
      margin-left: auto; }
  .nav__logo {
    height: 48px; }
  .nav__avatar {
    background-color: #ededf0;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    height: 24px;
    margin-right: 8px;
    overflow: hidden;
    width: 24px; }
  .nav .nav__avatar-link:hover,
  .nav .nav__login-link:hover {
    text-decoration: underline; }
  .nav .nav__logout-link:hover {
    text-decoration: none; }

.nav--mobile {
  display: block;
  height: 62px;
  min-width: 320px;
  position: relative;
  width: 100%;
  z-index: 100; }
  .nav--mobile .nav__container {
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1018px;
    padding: 0 24px;
    z-index: 120; }
    @media (min-width: 768px) {
      .nav--mobile .nav__container {
        padding: 0 64px; } }
  .nav--mobile .menu-item__link {
    position: relative; }
    .nav--mobile .menu-item__link:hover {
      text-decoration: underline; }
  .nav--mobile .nav__avatar-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1rem;
    justify-content: flex-start;
    line-height: 24px;
    position: absolute;
    right: 64px;
    top: calc(50% - 2px);
    transform: translateY(-50%); }
    @media (min-width: 768px) {
      .nav--mobile .nav__avatar-container {
        right: 114px; } }
  .nav--mobile .nav__username {
    display: none; }
    @media (min-width: 768px) {
      .nav--mobile .nav__username {
        display: block; } }
  .nav--mobile .nav__trigger {
    cursor: pointer;
    display: block;
    height: 24px;
    opacity: 0;
    position: absolute;
    width: 24px; }
    .nav--mobile .nav__trigger:checked ~ .nav__label .nav__hamburger-line:nth-of-type(1) {
      opacity: 1;
      transform: rotate(45deg) translate(0, 0); }
    .nav--mobile .nav__trigger:checked ~ .nav__label .nav__hamburger-line:nth-of-type(2) {
      opacity: 0;
      transform: rotate(0deg) scale(0.2, 0.2); }
    .nav--mobile .nav__trigger:checked ~ .nav__label .nav__hamburger-line:nth-of-type(3) {
      transform: rotate(-45deg) translate(0, -3px); }
    .nav--mobile .nav__trigger:checked ~ .nav__menu-container {
      opacity: 1;
      transform: none;
      visibility: visible;
      z-index: 120; }
    .nav--mobile .nav__trigger:checked ~ .nav__avatar-container {
      display: none; }
  .nav--mobile .nav__menu-container {
    background-color: #fff;
    height: calc(100vh - 62px);
    width: 100%;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: absolute;
    transform-origin: 0% 0%;
    transform: translate(0, -20px);
    transition: transform 0.4s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.8s cubic-bezier(0.77, 0.2, 0.05, 1);
    top: 62px;
    visibility: hidden;
    z-index: 1; }
  .nav--mobile .nav__hamburger-line {
    background-color: #000000;
    border-radius: 3px;
    display: block;
    width: 24px;
    height: 3px;
    margin-bottom: 5px;
    position: relative;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
    .nav--mobile .nav__hamburger-line:first-child {
      transform-origin: 0% 0%; }
    .nav--mobile .nav__hamburger-line:nth-last-child(2) {
      transform-origin: 0% 100%; }
  .nav--mobile .nav__user-container {
    align-items: center;
    border-top: 1px solid #ededf0;
    border-bottom: 1px solid #ededf0;
    display: flex;
    flex-direction: row;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1rem;
    justify-content: flex-start;
    line-height: 24px;
    margin: 0 24px;
    padding: 24px 0; }
    @media (min-width: 768px) {
      .nav--mobile .nav__user-container {
        margin: 0 64px; } }
    .nav--mobile .nav__user-container .nav__logout-link {
      color: #000000;
      font-family: "Open Sans", sans-serif;
      font-size: 0.875rem;
      line-height: 22px;
      margin-left: auto; }
  .nav--mobile .nav__search-container {
    padding: 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .nav--mobile .nav__search-container {
        padding: 24px 64px; } }
    .nav--mobile .nav__search-container .nav__search-icon {
      left: 35px; }
      @media (min-width: 768px) {
        .nav--mobile .nav__search-container .nav__search-icon {
          left: 75px; } }
  @media (min-width: 1024px) {
    .nav--mobile {
      display: none; } }

.menu--mobile {
  background-color: #000000;
  display: block;
  height: calc(100% - 150px);
  margin: 0;
  min-height: 350px;
  padding: 24px 24px;
  width: 100%; }
  @media (min-width: 768px) {
    .menu--mobile {
      min-height: 275px;
      padding: 24px 64px; } }
  .menu--mobile .menu-item {
    border-bottom: 1px solid #fff;
    width: 100%;
    height: auto; }
    .menu--mobile .menu-item .menu-item__link {
      text-align: left;
      display: block;
      padding: 16px 0; }
  @media (min-width: 1024px) {
    .menu--mobile {
      display: none; } }

.menu {
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.menu-item {
  display: inline-block;
  height: 100%;
  padding: 0;
  text-align: center; }
  @media (min-width: 1024px) {
    .menu-item {
      margin: 0 4px; } }
  .menu-item:first-of-type {
    padding-left: 0;
    text-align: left;
    margin-left: 0; }
    .menu-item:first-of-type .menu-item__link {
      padding-left: 0; }
      .menu-item:first-of-type .menu-item__link:hover::after {
        width: calc(100% - 16px);
        left: 0; }
  .menu-item.menu-item--active {
    background-color: #000000;
    display: inline-block; }
    .menu-item.menu-item--active:first-of-type .menu-item__link:after {
      left: 0;
      width: calc(100% - 16px); }

.menu-item__link {
  color: #fff;
  font-size: 1rem;
  line-height: 24px;
  display: inline-block;
  text-decoration: none; }
  @media (min-width: 1024px) {
    .menu-item__link {
      padding: 16px; } }

.menu-mozilla-main-menu-container {
  height: 100%; }

.page__title {
  color: #20123a;
  font-family: "Zilla Slab", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 32px;
  margin-top: 30px;
  line-height: 40px;
  text-align: center; }
  @media (min-width: 768px) {
    .page__title {
      font-size: 2.25rem;
      line-height: 43px; } }
  @media (min-width: 1024px) {
    .page__title {
      font-size: 3rem;
      line-height: 48px; } }

.page__content {
  width: 100%; }
  .page__content p {
    color: #20123a;
    font-size: 1rem;
    line-height: 24px;
    margin: 0;
    margin-bottom: 12px; }
    .page__content p:last-of-type {
      margin-bottom: 0; }
    @media (min-width: 1024px) {
      .page__content p {
        font-size: 1.125rem;
        line-height: 28px; } }
  .page__content a {
    color: #000000; }
  .page__content ul {
    padding: 0 16px; }
  .page__content h2,
  .page__content h3,
  .page__content h4 {
    font-family: "Zilla Slab", sans-serif; }

.buddypress-wrap .profile {
  margin-top: 0 !important; }

.profile {
  position: relative;
  width: 100%; }
  .profile .hidden {
    display: none; }
  .profile a.profile__languages-link {
    color: #0060DF;
    font-size: 0.875rem;
    line-height: 20px;
    text-decoration: none; }
    .profile a.profile__languages-link:hover {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .profile a.profile__languages-link {
        font-size: 1rem;
        line-height: 24px; } }
    @media (min-width: 1024px) {
      .profile a.profile__languages-link {
        font-size: 1.125rem;
        line-height: 28px; } }
  .profile__hero {
    background-color: #B3FFE3;
    height: 430px;
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__hero {
        background-image: url("./images/mozilla-create-profile.png");
        background-position: right -50px center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 393px;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .profile__hero {
        background-image: none;
        height: 430px;
        padding: 0 106px; } }
  .profile__section {
    max-width: 703px;
    min-width: 272px;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__section {
        margin-right: 32px; } }
    .profile__section.profile__section--right {
      margin-top: 0; }
      @media (min-width: 768px) {
        .profile__section.profile__section--right {
          margin-top: 32px; } }
      @media (min-width: 1024px) {
        .profile__section.profile__section--right {
          margin-right: 0;
          margin-top: 0;
          max-width: 388px;
          width: 50%; } }
  .profile__hero-container {
    height: 100%;
    max-width: 1228px;
    padding: 0 24px;
    padding-top: 24px; }
    @media (min-width: 768px) {
      .profile__hero-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
        text-align: left; } }
    @media (min-width: 1024px) {
      .profile__hero-container {
        background-image: url("./images/mozilla-create-profile.png");
        background-position: right -160px bottom -40px;
        background-repeat: no-repeat;
        background-size: 600px;
        min-width: 1018px; } }
  .profile a.profile__hero-link {
    color: #000000;
    text-decoration: underline; }
    .profile a.profile__hero-link:hover {
      text-decoration: none; }
  .profile__hero-content {
    margin: 0 auto;
    max-width: 1018px;
    width: 100%; }
  .profile__container {
    max-width: 1228px;
    padding: 0;
    position: relative; }
  .profile__image-header {
    height: 608px;
    position: absolute;
    right: -42px;
    top: -540px;
    width: 608px;
    z-index: 1; }
  .profile__title {
    display: block;
    font-family: "Zilla Slab", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 40px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__title {
        font-size: 2.25rem;
        line-height: 43px;
        text-align: left; } }
    @media (min-width: 1024px) {
      .profile__title {
        font-size: 3rem;
        line-height: 56px; } }
  .profile__hero-copy {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    justify-content: flex-start;
    line-height: 24px;
    margin: 0 auto;
    max-width: 270px;
    text-align: center; }
    @media (min-width: 768px) {
      .profile__hero-copy {
        font-size: 1.125rem;
        margin: 0;
        max-width: 300px;
        text-align: left; } }
    @media (min-width: 1024px) {
      .profile__hero-copy {
        max-width: 595px; }
        .profile__hero-copy span {
          display: inline-block; } }
    .profile__hero-copy.profile__hero-copy--small {
      font-size: 0.875rem;
      margin-top: 16px;
      max-width: none;
      text-align: center; }
      @media (min-width: 768px) {
        .profile__hero-copy.profile__hero-copy--small {
          margin-top: 24px;
          max-width: 300px;
          text-align: left; } }
    .profile__hero-copy.profile__hero-copy--green {
      align-items: center;
      background-color: #B0EED7;
      border-radius: 4px;
      font-size: 1rem;
      line-height: 24px;
      max-width: none;
      min-height: 128px;
      padding: 16px; }
      .profile__hero-copy.profile__hero-copy--green span {
        text-align: left; }
      @media (min-width: 768px) {
        .profile__hero-copy.profile__hero-copy--green {
          align-items: flex-start;
          max-width: 345px;
          min-height: auto; } }
      @media (min-width: 1024px) {
        .profile__hero-copy.profile__hero-copy--green {
          max-width: 595px; } }
      .profile__hero-copy.profile__hero-copy--green svg {
        flex-shrink: 0;
        margin-right: 10px; }
  .profile__form-container {
    background-color: #fff;
    display: flex;
    border-radius: 4px;
    box-shadow: 0px 4px 4px #D7D7DB;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 32px;
    min-height: 100px;
    min-width: 272px;
    padding: 48px 16px;
    width: 100%; }
    .profile__form-container.profile__form-container--first {
      margin-top: -160px; }
      @media (min-width: 768px) {
        .profile__form-container.profile__form-container--first {
          margin-top: -65px; } }
      @media (min-width: 1024px) {
        .profile__form-container.profile__form-container--first {
          margin-top: -100px; } }
    .profile__form-container p {
      font-size: 1rem;
      line-height: 24px; }
      @media (min-width: 768px) {
        .profile__form-container p {
          font-size: 1.125rem; } }
    .profile__form-container a,
    .profile__form-container a:visited {
      color: #0060DF;
      text-decoration: none; }
    @media (min-width: 768px) {
      .profile__form-container {
        min-width: 640px;
        padding: 64px 24px; } }
    @media (min-width: 1024px) {
      .profile__form-container {
        max-width: 1018px;
        padding: 64px 104px 80px 104px; } }
    .profile__form-container .profile__newsletter__container {
      justify-content: space-between; }
    .profile__form-container .profile__newsletter__fields {
      margin-top: 24px; }
    .profile__form-container .profile__newsletter .newsletter__subtext {
      font-size: 0.875rem; }
    .profile__form-container .profile__newsletter h2.profile__form-title {
      margin: 0 0 16px; }
    .profile__form-container .profile__newsletter .cpg {
      margin-top: 32px; }
    .profile__form-container .form__error {
      font-size: 0.75rem;
      line-height: 1; }
    .profile__form-container .form__error__secondary,
    .profile__form-container .form__error__tertiary {
      display: none; }
    .profile__form-container .form__error-container--secondary .form__error__required,
    .profile__form-container .form__error-container--tertiary .form__error__required {
      display: none; }
    .profile__form-container .form__error-container--secondary .form__error__secondary {
      display: block; }
    .profile__form-container .form__error-container--secondary .form__error__tertiary {
      display: none; }
    .profile__form-container .form__error-container--tertiary .form__error__secondary {
      display: none; }
    .profile__form-container .form__error-container--tertiary .form__error__tertiary {
      display: block; }
  .profile__form-primary {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    padding-bottom: 32px;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__form-primary {
        align-items: center;
        flex-direction: row;
        justify-content: space-between; } }
  .profile__form-title {
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 29px;
    margin: 0;
    margin-bottom: 16px; }
    @media (min-width: 768px) {
      .profile__form-title {
        font-size: 2rem;
        line-height: 40px;
        margin-bottom: 0; } }
  .profile__form {
    padding: 0 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__form {
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .profile__form {
        padding: 0 106px; } }
  .profile__input-container {
    width: 100%; }
    @media (min-width: 768px) {
      .profile__input-container {
        margin-right: 32px; } }
    @media (min-width: 1024px) {
      .profile__input-container {
        max-width: 600px; } }
    .profile__input-container.profile__input-container--profile {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      position: relative; }
  .profile__form-field {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    margin-bottom: 32px;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__form-field {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between; } }
    .profile__form-field.profile__form-field--header {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .profile__form-field.profile__form-field--tight {
      margin-bottom: 8px; }
    .profile__form-field.profile__form-field--hidden {
      display: none; }
  .profile__keyline {
    background: #cdcdd4;
    border: 0;
    height: 1px;
    margin: 0;
    margin-bottom: 32px;
    width: 100%; }
  .profile__form-visibility {
    color: #737373;
    display: flex;
    font-size: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 22px;
    margin: 0;
    margin-bottom: 32px;
    max-width: 180px;
    padding: 0;
    padding-top: 31px;
    width: 100%; }
    .profile__form-visibility.profile__form-visibility--no-span {
      padding-top: 30px; }
  .profile__select-container {
    margin-top: 24px;
    width: 100%; }
    .profile__select-container select {
      appearance: none;
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
      background-size: 25px;
      background-position: calc(100% - 10px) center;
      background-repeat: no-repeat;
      border-radius: 5px !important;
      width: 100%;
      -webkit-appearance: none; }
      .profile__select-container select.select.select--disabled, .profile__select-container select.select--disabled.event-creator__dropdown, .profile__select-container .event-creator__three-up select.select--disabled, .event-creator__three-up .profile__select-container select.select--disabled, .profile__select-container select.select--disabled.create-group__select, .profile__select-container select.select--disabled.group__nav-select, .profile__select-container select.select--disabled, .profile__select-container select.select--disabled.profile__select, .profile__select-container select.select--disabled.newsletter__dropdown {
        background-color: #fff;
        border-color: #737373;
        color: #737373; }
      .profile__select-container select.profile__select--short {
        margin-top: 0;
        max-width: 550px; }
    @media (min-width: 768px) {
      .profile__select-container {
        margin-top: 0;
        max-width: 180px; } }
    .profile__select-container.profile__select-container--full {
      margin-top: 0; }
      .profile__select-container.profile__select-container--full svg {
        right: 2px; }
      @media (min-width: 768px) {
        .profile__select-container.profile__select-container--full {
          max-width: 600px;
          margin-right: 32px;
          width: 100%; } }
    .profile__select-container.profile__select-container--first {
      margin-right: 2px; }
    .profile__select-container.profile__select-container--languages {
      margin-right: 47px; }
      .profile__select-container.profile__select-container--languages svg {
        right: 2px; }
    .profile__select-container.profile__select-container--inline {
      margin-right: 32px; }
    .profile__select-container.profile__select-container--half {
      margin-bottom: 24px; }
      @media (min-width: 768px) {
        .profile__select-container.profile__select-container--half {
          margin-bottom: 0;
          max-width: 300px; } }
    .profile__select-container.profile__select-container--no-label {
      align-items: center;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      margin-top: 8px;
      max-width: none; }
      .profile__select-container.profile__select-container--no-label svg {
        right: 50px;
        top: 0; }
      @media (min-width: 1024px) {
        .profile__select-container.profile__select-container--no-label {
          margin-right: 77px; } }
    .profile__select-container.profile__select-container--mobile {
      margin-bottom: 32px; }
      @media (min-width: 768px) {
        .profile__select-container.profile__select-container--mobile {
          display: none; } }
    @media (min-width: 768px) {
      .profile__select-container.profile__select-container--flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        max-width: 212px; } }
    .profile__select-container.profile__select-container--hide-mobile {
      display: none; }
      @media (min-width: 768px) {
        .profile__select-container.profile__select-container--hide-mobile {
          display: flex;
          flex-wrap: wrap; } }
    .profile__select-container.profile__select-container--empty {
      margin: 0; }
      @media (min-width: 768px) {
        .profile__select-container.profile__select-container--empty {
          margin-top: 24px;
          max-width: 225px; } }
      @media (min-width: 1024px) {
        .profile__select-container.profile__select-container--empty {
          max-width: 180px; } }
      @media (min-width: 1024px) {
        .profile__select-container.profile__select-container--empty {
          max-width: none;
          width: 180px; } }
  .profile__add-language-container {
    margin-bottom: 18px;
    margin-top: 8px; }
  .profile__add-language {
    color: #0060DF;
    font-size: 0.875rem;
    line-height: 22px;
    position: relative;
    text-decoration: none; }
    .profile__add-language:after {
      border: 1px solid #0060DF;
      bottom: -2px;
      content: '';
      display: block;
      left: 0;
      position: absolute;
      width: 100%; }
    .profile__add-language:hover::after {
      display: none; }
  .profile__remove-language {
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #ededf0;
    color: #ff0039;
    height: 40px;
    margin-left: 8px;
    width: 40px; }
    .profile__remove-language:hover {
      border: 2px solid #0060DF; }
  .profile__cta-container {
    margin-top: 48px;
    text-align: center; }
    .profile__cta-container .profile__cta {
      border: 1px solid #0060DF;
      border-radius: 28px !important; }
    .profile__cta-container .profile__delete-cta {
      display: block;
      margin-top: 64px;
      text-decoration: underline;
      color: #000000; }
      .profile__cta-container .profile__delete-cta:hover {
        cursor: pointer;
        text-decoration: none; }
    .profile__cta-container .profile__delete-account-error {
      color: #ff0039;
      margin-top: 16px;
      transition: opacity 0.3s ease-in; }
      .profile__cta-container .profile__delete-account-error.profile__delete-account-error--hidden {
        opacity: 0; }
  .profile__label {
    color: #737373;
    display: block;
    width: 100%; }
    .profile__label.profile__label--full {
      max-width: 180px;
      width: 100%; }
    .profile__label.profile__label--max {
      margin-left: 0;
      max-width: 180px; }
  .profile__select {
    appearance: none;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.12499 9L12.005 12.88L15.885 9C16.275 8.61 16.905 8.61 17.295 9C17.685 9.39 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70499 10.41C6.51774 10.2232 6.41251 9.96952 6.41251 9.705C6.41251 9.44048 6.51774 9.18683 6.70499 9C7.09499 8.62 7.73499 8.61 8.12499 9Z" fill="black" fill-opacity="0.54"/></g></svg>');
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 25px;
    margin-top: 15px;
    -webkit-appearance: none; }
    @media (min-width: 768px) {
      .profile__select.profile__select--flex {
        max-width: 182px; } }
    .profile__select.profile__input--error {
      border: 1px solid #ff0039; }
    .profile__select.profile__select--hide {
      display: none; }
  .profile__input-desc {
    color: #737373;
    display: block;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 20px;
    margin-top: 8px; }
  .profile__input {
    margin-top: 15px; }
  .profile__checkbox-container {
    margin-top: 15px; }
  .profile__checkbox-container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute !important;
    width: 0; }
  .profile__check {
    position: absolute;
    bottom: 0;
    left: 0; }
  .profile__checkbox-container input:checked ~ .profile__check {
    border: 1px solid #0060DF;
    transition: none; }
    .profile__checkbox-container input:checked ~ .profile__check:hover {
      box-shadow: none; }
    .profile__checkbox-container input:checked ~ .profile__check svg {
      display: block; }
  .profile__success-message-container {
    margin-top: 88px;
    padding: 0 24px;
    text-align: center; }
    .profile__success-message-container .profile__title {
      text-align: center; }
    @media (min-width: 768px) {
      .profile__success-message-container {
        padding: 0; } }
  .profile__success-message {
    font-size: 1rem;
    line-height: 24px; }
  .profile__success-message, .profile__error-message {
    margin: 0 auto;
    max-width: 595px; }
  .profile__error-message {
    margin-top: 20px; }
  .profile__button {
    border: none;
    border-radius: 28px;
    text-decoration: none; }
    .profile__button:first-of-type {
      margin-bottom: 24px; }
      @media (min-width: 768px) {
        .profile__button:first-of-type {
          margin-bottom: 0;
          margin-right: 10px; } }
    @media (min-width: 768px) {
      .profile__button:nth-of-type(2) {
        margin-left: 10px; } }
    .profile__button.profile__button--secondary {
      background-color: transparent;
      border: 1px solid #0060DF;
      color: #0060DF;
      text-decoration: none; }
  .profile__button-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 43px; }
    @media (min-width: 768px) {
      .profile__button-container {
        flex-direction: row; } }
  .profile__public-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 25px;
    max-width: 1018px;
    padding: 0 24px;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__public-container {
        margin-top: 64px;
        padding: 0 64px; } }
    @media (min-width: 1024px) {
      .profile__public-container {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        max-width: 1440px;
        padding: 0 106px; } }
  .profile__card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 32px;
    padding: 16px; }
    @media (min-width: 768px) {
      .profile__card {
        margin-bottom: 24px;
        padding: 24px; } }
    @media (min-width: 1024px) {
      .profile__card {
        margin-bottom: 32px;
        max-width: 703px;
        min-width: 515px;
        padding: 32px;
        width: 100%; } }
    .profile__card--links {
      padding: 0; }
  .profile__contact-title {
    color: #737373;
    display: block;
    font-size: 0.875rem;
    line-height: 24px;
    letter-spacing: 0.0025em;
    margin-bottom: 16px; }
  .profile__card-header-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 32px;
    position: relative;
    padding-top: 40px; }
    @media (min-width: 768px) {
      .profile__card-header-container {
        padding-top: 0;
        flex-direction: row; } }
  .profile__link {
    align-items: center;
    color: #0060DF;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    justify-content: flex-start;
    line-height: 24px; }
  .profile__avatar {
    background-color: #ededf0;
    background-size: cover;
    background-position: center;
    border-radius: 50% !important;
    height: 124px;
    margin-bottom: 16px;
    overflow: hidden;
    width: 124px; }
    @media (min-width: 768px) {
      .profile__avatar {
        margin-bottom: 0;
        margin-right: 24px; } }
    @media (min-width: 1024px) {
      .profile__avatar {
        height: 160px;
        width: 160px; } }
  .profile__user-title {
    color: #20123a;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
    margin-bottom: 3px;
    text-align: center; }
    @media (min-width: 768px) {
      .profile__user-title {
        font-size: 1.25rem;
        line-height: 28px;
        text-align: left; } }
  .profile__name-container {
    text-align: center; }
    @media (min-width: 768px) {
      .profile__name-container {
        text-align: left; } }
  .profile__user-name {
    display: block;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 18px;
    width: 100%;
    text-align: center; }
    @media (min-width: 768px) {
      .profile__user-name {
        text-align: left; } }
  .profile__edit-link-container {
    display: none; }
    @media (min-width: 768px) {
      .profile__edit-link-container {
        align-self: flex-start;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        margin-left: auto; } }
    .profile__edit-link-container .profile__link {
      position: absolute;
      top: -56px;
      right: -16px;
      padding: 16px; }
      .profile__edit-link-container .profile__link::after {
        content: "";
        position: absolute;
        bottom: 8px;
        width: calc(100% - 32px);
        background-color: #0060DF;
        height: 1px;
        display: none; }
        @media (min-width: 768px) {
          .profile__edit-link-container .profile__link::after {
            width: calc(100% - 48px);
            bottom: 16px; } }
        @media (min-width: 1024px) {
          .profile__edit-link-container .profile__link::after {
            width: calc(100% - 64px);
            bottom: 24px; } }
      .profile__edit-link-container .profile__link:hover::after {
        display: block; }
      @media (min-width: 768px) {
        .profile__edit-link-container .profile__link {
          top: -24px;
          right: -24px;
          padding: 24px; } }
      @media (min-width: 1024px) {
        .profile__edit-link-container .profile__link {
          padding: 32px;
          top: -32px;
          right: -32px; } }
    .profile__edit-link-container.profile__edit-link-container--mobile {
      display: block;
      position: relative;
      text-align: right;
      width: 100%;
      z-index: 25; }
      .profile__edit-link-container.profile__edit-link-container--mobile .profile__link {
        justify-content: flex-end;
        margin-bottom: 16px; }
      @media (min-width: 768px) {
        .profile__edit-link-container.profile__edit-link-container--mobile {
          display: none; } }
  .profile__email-icon {
    display: inline-block;
    margin-right: 8px; }
  .profile__location-container, .profile__email-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 24px;
    width: 100%; }
  .profile__location-icon {
    display: inline-block;
    margin-right: 8px; }
  .profile__phone-icon {
    display: inline-block;
    margin-right: 8px; }
  .profile__phone-container {
    align-content: center;
    display: flex;
    flex-direction: row;
    width: 100%; }
  .profile__phone {
    display: block; }
  .profile__details {
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 20px;
    width: 100%; }
  .profile__city-country, .profile__email {
    display: inline-block;
    padding-left: 40px; }
  .profile__city-country {
    display: block; }
  .profile .profile__image-upload {
    align-items: center;
    background-color: #ededf0;
    background-image: url("/wp-content/themes/community-portal/images/upload-image.svg");
    background-size: 75px 75px;
    background-position: center center;
    background-repeat: no-repeat !important;
    border-radius: 50%;
    display: flex;
    height: 105px;
    justify-content: center;
    margin-top: 8px;
    overflow: hidden;
    width: 105px;
    z-index: 1;
    border: 1px solid transparent; }
    .profile .profile__image-upload:hover {
      cursor: pointer;
      border: 1px solid #0060DF; }
    .profile .profile__image-upload.profile__image-upload--complete svg {
      display: none; }
  .profile__image-instructions {
    color: #737373;
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    justify-content: center;
    line-height: 16px;
    border: none;
    background: none; }
    .profile__image-instructions--hide {
      display: none; }
  .profile .dz-preview {
    display: none;
    z-index: 80; }
  .profile .dz-remove--hide {
    display: none; }
  .profile .dz-message {
    position: absolute;
    left: 120px;
    top: 50%;
    bottom: 0; }
  .profile__select {
    width: 95%; }
  .profile__checkbox {
    opacity: 0;
    position: absolute; }
    .profile__checkbox:focus + label {
      outline: 1px solid #0060DF; }
  .profile__textarea {
    border-radius: 5px !important;
    height: 207px;
    margin-top: 15px; }
  .profile__tag-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 16px;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__tag-container {
        margin-top: 4px; } }
  .profile .profile__tag {
    background: #fff;
    border: 1px solid #737373;
    border-radius: 25px;
    color: #20123a;
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: 0.0025em;
    line-height: 24px;
    margin-top: 12px;
    margin-right: 16px;
    padding: 8px 16px;
    text-decoration: none;
    transition: all 0.3s ease-in; }
    .profile .profile__tag:hover {
      border-color: #d7d7db;
      box-shadow: 0px 0px 0px 4px #cdcdd4 !important; }
    .profile .profile__tag--active {
      background-color: #ededf0;
      border-color: #ededf0;
      color: #000000; }
  .profile__copy {
    color: #000000;
    font-size: 1.25rem;
    line-height: 28px;
    margin: 0;
    padding: 0; }
  .profile__pronoun {
    color: #20123a;
    font-size: 1rem;
    line-height: 24px;
    margin-top: 2px; }
  .profile__bio-container {
    margin-bottom: 16px; }
    @media (min-width: 768px) {
      .profile__bio-container {
        margin-bottom: 24px; } }
    @media (min-width: 1024px) {
      .profile__bio-container {
        margin-bottom: 32px; } }
    .profile__bio-container p {
      color: #000000;
      font-size: 1rem;
      line-height: 24px;
      margin: 0;
      margin-bottom: 16px;
      padding: 0; }
      @media (min-width: 768px) {
        .profile__bio-container p {
          font-size: 1.125rem;
          line-height: 28px; } }
  .profile__social-card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #737373;
    font-size: 0.875rem;
    line-height: 24px;
    width: 100%;
    padding: 16px; }
    @media (min-width: 768px) {
      .profile__social-card {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .profile__social-card {
        padding: 32px; } }
  .profile__tags-card, .profile__languages-card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #737373;
    font-size: 0.875rem;
    line-height: 24px;
    margin-top: 32px;
    padding: 16px;
    width: 100%; }
    .profile__tags-card.profile__card--right:first-of-type, .profile__languages-card.profile__card--right:first-of-type {
      margin-top: 0; }
    @media (min-width: 768px) {
      .profile__tags-card, .profile__languages-card {
        padding: 24px; } }
    @media (min-width: 1024px) {
      .profile__tags-card, .profile__languages-card {
        padding: 32px; } }
  .profile__tags-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 16px; }
  .profile__static-tag {
    color: #42425a;
    background-color: #ededf0;
    border-radius: 50px;
    font-size: 0.875rem;
    line-height: 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 10px 15px;
    text-decoration: none; }
    .profile__static-tag:hover {
      text-decoration: underline; }
  .profile__languages-container {
    color: #42425a;
    font-size: 0.875rem;
    line-height: 20px;
    margin-top: 16px; }
  .profile__social-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 18px;
    width: 100%; }
    @media (min-width: 768px) {
      .profile__social-container {
        flex-direction: row;
        flex-wrap: wrap; } }
  .profile__social-link {
    align-items: center;
    color: #0060DF;
    display: flex;
    flex-direction: row;
    font-size: 1.125rem;
    margin-bottom: 28px;
    margin-right: 16px;
    min-width: 120px;
    line-height: 28px;
    text-decoration: none; }
    .profile__social-link:hover {
      text-decoration: underline; }
    .profile__social-link svg {
      flex-shrink: 0;
      margin-right: 8px; }
  .profile__group {
    display: block;
    padding: 16px;
    text-decoration: none; }
    .profile__group:hover .profile__group-title {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .profile__group {
        padding: 24px; } }
  .profile__group-title {
    color: #20123a;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    line-height: 32px;
    margin: 0;
    margin-bottom: 8px; }
  .profile__heading {
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    line-height: 32px;
    color: #000000;
    margin: 0;
    margin-bottom: 16px; }
  .profile__group-member-count, .profile__group-location {
    margin: 0;
    color: #737373;
    font-size: 0.875rem;
    line-height: 24px;
    letter-spacing: 0.0025em;
    margin-bottom: 4px; }
  .profile__group-location svg, .profile__event-location svg, .profile__group-member-count svg {
    transform: translateY(3px);
    margin-right: 3px; }
  .profile__group-location span + .profile__group-location__online::before {
    content: "|";
    display: inline-block; }
  .profile__group-line {
    background-color: #ededf0;
    border: none;
    color: #ededf0;
    display: block;
    height: 1px;
    margin: 0; }
  .profile__event {
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 16px;
    text-decoration: none; }
    .profile__event:hover .profile__event-title {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .profile__event {
        padding: 24px; } }
  .profile__event-date {
    color: #0060DF;
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    justify-content: center;
    line-height: 28px;
    margin-right: 24px;
    text-align: center;
    width: 36px; }
  .profile__event-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px; }
  .profile__event-location, .profile__event-time {
    color: #737373;
    font-size: 0.875rem;
    line-height: 20px;
    margin-bottom: 8px; }
  .profile__campaign {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 16px; }
    @media (min-width: 768px) {
      .profile__campaign {
        padding: 24px; } }
    .profile__campaign:hover .profile__campaign-title {
      text-decoration: underline; }
  .profile__campaign-title {
    color: #20123a;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.5rem;
    line-height: 32px;
    margin: 0;
    margin-bottom: 8px; }
  .profile__campaign-dates {
    color: #20123a;
    font-size: 0.875rem;
    line-height: 24px;
    margin: 0;
    margin-bottom: 8px; }
  .profile__campaign-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 24px; }
  .profile__campaign-desc {
    color: #202340;
    font-size: 1rem;
    line-height: 24px;
    margin: 0; }

.search {
  width: 100%; }
  .search__container {
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 24px;
    max-width: 1020px; }
    @media (min-width: 768px) {
      .search__container {
        margin-top: 69px; } }
  .search__result-link:hover {
    text-decoration: none; }
  .search__title {
    display: block;
    font-family: "Zilla Slab", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 40px;
    margin: 0;
    margin-bottom: 16px;
    padding: 0;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .search__title {
        font-size: 2.25rem;
        line-height: 43px;
        text-align: left; } }
    @media (min-width: 1024px) {
      .search__title {
        font-size: 3rem;
        line-height: 56px; } }
  .search__search-form-container {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-top: 24px;
    padding: 16px 30px;
    width: 100%; }
    @media (min-width: 768px) {
      .search__search-form-container {
        margin-top: 32px; } }
  .search__results {
    margin-top: 48px; }
    @media (min-width: 768px) {
      .search__results {
        margin-top: 64px; } }
  .search__input-container {
    height: 100%;
    position: relative;
    width: 100%; }
    .search__input-container svg {
      left: 0;
      position: absolute;
      top: 7px; }
  .search__result {
    margin: 0;
    margin-top: 32px;
    width: 100%; }
    .search__result:first-of-type {
      margin-top: 0; }
    @media (min-width: 768px) {
      .search__result {
        margin-top: 24px; } }
    @media (min-width: 1024px) {
      .search__result {
        margin-top: 32px; } }
  .search__result-title {
    color: #000000;
    display: block;
    font-family: "Zilla Slab", sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 0;
    padding-left: 16px;
    position: relative; }
    .search__result-title:before {
      border-radius: 50%;
      content: '';
      display: block;
      height: 8px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 8px; }
    .search__result-title.search__result-title--activity:before {
      background-color: #FF4F5E; }
    .search__result-title.search__result-title--campaign:before {
      background-color: #D74CF0; }
    .search__result-title.search__result-title--group:before {
      background-color: #00B3F4; }
    .search__result-title.search__result-title--event:before {
      background-color: #ffd567; }
    .search__result-title.search__result-title--member:before {
      background-color: #2AC3A2; }
  .search__result-dates {
    font-size: 1rem;
    line-height: 24px;
    color: #20123a; }
  .search__result-link {
    color: #0060DF;
    display: block;
    font-family: "Zilla Slab", sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px; }
  .search__result-description {
    color: #202340;
    font-size: 1rem;
    line-height: 24px;
    margin: 0;
    padding: 0; }
  .search__group-location {
    color: #5E5E72;
    font-size: 0.875rem;
    line-height: 24px;
    margin-top: 8px; }
  .search__group-members {
    color: #5E5E72;
    font-size: 0.875rem;
    line-height: 24px; }
  .search__group-members svg, .search__group-location svg, .search__event-location svg {
    transform: translateY(3px);
    margin-right: 3px; }
  .search__group-members p, .search__group-location p, .search__event-location p {
    display: inline;
    margin: 0; }
  .search__event-location {
    color: #5E5E72;
    font-size: 0.875rem;
    line-height: 24px;
    margin-top: 8px; }

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

.share-link-container {
  padding: 0;
  margin: 32px 0; }

.lightbox__container--share {
  padding: 0; }
  .lightbox__container--share .lightbox__flex-container {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center; }
  .lightbox__container--share .title--secondary {
    font-family: "Open Sans", sans-serif;
    font-size: 1.25rem;
    margin: 0;
    padding: 16px;
    border-bottom: 1px solid #cdcdd4; }
  .lightbox__container--share .btn--close {
    padding: 16px; }
  .lightbox__container--share .share-link .btn {
    border: 1px solid #B1B1BC;
    padding: 16px 59px;
    text-align: center;
    position: relative;
    flex-grow: 1;
    font-size: 0.875rem; }
    .lightbox__container--share .share-link .btn::before {
      content: ""; }
    .lightbox__container--share .share-link .btn .btn--close {
      padding: 16px; }
    .lightbox__container--share .share-link .btn svg {
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%); }
    .lightbox__container--share .share-link .btn:hover, .lightbox__container--share .share-link .btn:focus {
      background-color: black;
      color: white; }

.share-link {
  list-style-type: none;
  padding: 0;
  position: relative;
  display: flex; }
  .share-link__completed {
    display: none; }
  .share-link__copy--complete .share-link__initial {
    display: none; }
  .share-link__copy--complete .share-link__completed {
    display: block; }
  .share-link .btn {
    border: 2px solid #000;
    color: #000;
    display: inline-block;
    font-size: 0.875rem;
    margin-bottom: 16px;
    padding: 15px 15px 15px 45px;
    position: relative;
    text-align: left;
    text-decoration: none; }
    @media (min-width: 768px) {
      .share-link .btn {
        font-size: 1rem;
        padding: 15px 15px 15px 82px; } }

.tag, .event-creator__tag {
  background: #ededf0;
  border-radius: 50px;
  color: #42425a;
  display: inline-block;
  padding: 6px 12px; }

.dropzone__image-instructions--hidden {
  display: none; }

button.dz-remove {
  border: 0;
  background: transparent;
  color: #0060DF; }

.newsletter {
  background: white;
  margin-top: 48px; }
  @media (min-width: 768px) {
    .newsletter {
      margin-top: 64px; } }
  @media (min-width: 1024px) {
    .newsletter {
      background: linear-gradient(to right, #f2fcfd 50%, white 50%);
      margin-top: 88px; } }
  .newsletter.content {
    min-height: unset; }
  .newsletter__text {
    line-height: 28px; }
  .newsletter__container {
    padding: 0; }
  .newsletter__label {
    display: block;
    margin-bottom: 8px; }
  .newsletter__input.error + .newsletter__error, .newsletter__input.event-creator__error + .newsletter__error {
    display: block; }
  .newsletter__dropdown {
    display: block;
    width: 100%; }
  .newsletter__fields {
    margin-bottom: 32px; }
  .newsletter__signup, .newsletter__details {
    padding: 40px 24px; }
    @media (min-width: 768px) {
      .newsletter__signup, .newsletter__details {
        padding: 64px 106px; } }
  .newsletter__form {
    margin: 0; }
  .newsletter__subtext {
    margin: 8px 0 0;
    color: #737373; }
  .newsletter__details {
    background-image: url(./images/campaign-bg.png);
    background-color: #f2fcfd;
    background-repeat: no-repeat;
    background-position: center 200px;
    padding-bottom: 300px; }
    @media (min-width: 768px) {
      .newsletter__details {
        background-position: bottom center;
        padding: 64px 106px 400px; } }
  .newsletter__submit {
    text-align: center;
    margin-top: 32px; }
  .newsletter__error {
    color: #ff0039;
    font-size: 0.75rem;
    margin-top: 4px;
    display: none; }
  .newsletter__success {
    display: none; }
  .newsletter__failure {
    display: none; }
  .newsletter__cpg {
    margin-top: 32px; }
    .newsletter__cpg__error {
      color: #ff0039;
      display: none;
      font-size: 0.75rem; }
      .newsletter__cpg__error--active {
        display: block; }
  .newsletter + .footer {
    margin-top: 0; }
  .newsletter--hero {
    margin: 0;
    margin-top: 24px; }
  .newsletter__link {
    color: #0060DF; }
    .newsletter__link:hover {
      text-decoration: none; }
  .newsletter__page, .newsletter__solo {
    margin-top: 0; }

.campaign-rsvp {
  position: relative;
  max-height: calc(100vh - 35px);
  overflow: scroll;
  border-radius: 4px;
  box-shadow: 0px 5px 10px rgba(14, 13, 26, 0.12), 0px 3px 16px rgba(7, 48, 114, 0.12), 0px 8px 12px rgba(34, 0, 51, 0.04); }
  .campaign-rsvp .btn--close {
    position: absolute;
    right: 0px; }
    @media (min-width: 768px) {
      .campaign-rsvp .btn--close {
        right: 30px; } }
  .campaign-rsvp__title {
    font-size: 2.375rem; }
    @media (min-width: 768px) {
      .campaign-rsvp__title {
        margin-top: 0; } }
  .campaign-rsvp__subtitle {
    font-size: 1.75rem; }
  .campaign-rsvp__form {
    border-top: 1px solid #D7D7DB;
    margin-top: 32px; }
  .campaign-rsvp__section {
    justify-content: space-between; }
  .campaign-rsvp__section--center {
    text-align: center; }
  .campaign-rsvp .btn {
    text-decoration: none; }
  .campaign-rsvp__row {
    position: relative;
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .campaign-rsvp__row {
        display: flex;
        align-items: center; }
        .campaign-rsvp__row .campaign-rsvp__label {
          flex-basis: 100px;
          font-size: 0.875rem; }
        .campaign-rsvp__row .campaign-rsvp__input {
          width: auto;
          flex-grow: 1; } }
    @media (min-width: 1024px) {
      .campaign-rsvp__row--double:first-child {
        padding-right: 20px; } }
    .campaign-rsvp__row.form__error {
      margin-bottom: 30px; }
      .campaign-rsvp__row.form__error input {
        border: 1px solid red; }
    .campaign-rsvp__row .form__error-container {
      position: absolute;
      bottom: -32px; }
      @media (min-width: 768px) {
        .campaign-rsvp__row .form__error-container {
          left: 100px; } }
  .campaign-rsvp .cpg {
    margin-bottom: 16px; }
    .campaign-rsvp .cpg__label {
      font-size: 0.75rem;
      padding-left: 25px; }
      .campaign-rsvp .cpg__label::before {
        height: 16px;
        width: 16px;
        background-size: contain; }
  .campaign-rsvp p.campaign-rsvp__login {
    margin-top: 16px; }
  .campaign-rsvp__link {
    color: #0060DF; }
  .campaign-rsvp__success, .campaign-rsvp__failure {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 120px;
    display: none; }
  .campaign-rsvp.success .campaign-rsvp__initial, .campaign-rsvp.failure .campaign-rsvp__initial {
    display: none; }
  .campaign-rsvp.success .campaign-rsvp__success {
    display: block; }
  .campaign-rsvp.failure .campaign-rsvp__failure {
    display: block; }

.language-selector {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .language-selector__label {
    margin-right: 24px;
    margin-top: 0;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .language-selector__label {
        margin-bottom: 24px; } }
    @media (min-width: 1024px) {
      .language-selector__label {
        margin-bottom: 0; } }
  .language-selector__label, .language-selector__language,
  .language-selector__language a {
    font-size: 0.75rem;
    line-height: 1; }
  @media (min-width: 768px) {
    .language-selector {
      align-items: flex-end;
      flex-direction: column; } }
  @media (min-width: 1024px) {
    .language-selector {
      flex-direction: row;
      justify-content: flex-end;
      align-items: center; } }
  .language-selector__container {
    display: flex;
    margin-top: 24px;
    min-width: 300px;
    align-items: center;
    justify-content: flex-start; }
    @media (min-width: 768px) {
      .language-selector__container {
        margin-top: 0;
        display: block; } }
    @media (min-width: 1024px) {
      .language-selector__container {
        display: flex;
        justify-content: flex-end; } }
    .language-selector__container > .language-selector__select {
      border: 1px solid black; }
      .language-selector__container > .language-selector__select:hover {
        border: 1px solid #0060DF; }
  .language-selector__select {
    padding: 0;
    margin: 0;
    list-style: none;
    background: white;
    padding: 6px;
    flex-basis: 150px;
    position: relative;
    background-image: url(./images/chevron-down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 6px) center; }
    .language-selector__select--submenu {
      position: absolute;
      display: none;
      top: 100%;
      left: 0;
      width: 100%;
      padding: 0;
      background-image: none; }
    .language-selector__select--active {
      background-image: none; }
      .language-selector__select--active .language-selector__language a:hover {
        text-decoration: underline; }
  .language-selector__language a {
    display: block;
    padding: 6px; }
  .language-selector__language,
  .language-selector__language a {
    cursor: pointer;
    color: black;
    text-decoration: none; }

* {
  box-sizing: border-box; }

*:focus {
  outline: 1px solid #0060DF; }

html {
  font-family: "Open Sans", sans-serif;
  height: 100%; }

body.noscroll {
  overflow: hidden; }

body.activity {
  margin-top: 0; }

@supports (font-variation-settings: normal) {
  html {
    font-family: "Open Sans", sans-serif; } }

.content {
  min-height: calc(100vh - 387px - 122px - 96px);
  position: relative;
  width: 100%; }
  .content.content--homepage {
    min-width: 320px;
    overflow-x: hidden; }

.body {
  background-color: #ededf0;
  height: 100%;
  width: 100%; }
  .body.body--fixed {
    position: fixed; }
    @media (min-width: 1024px) {
      .body.body--fixed {
        position: static; } }