@charset "UTF-8";
/* Fonts */
@import url(//fonts.googleapis.com/css?family=Poppins:400,600,700|Prata);
@import url(../../../../../../ajax/libs/motion-ui/1.1.1/motion-ui.css);
/**
 * Foundation for Sites
 * Version 6.7.4
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

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

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

::placeholder {
  color: #cacaca;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
label.middle {
  margin: 0 0 1rem;
  line-height: 1.5;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

.is-invalid-label {
  color: #cc4b37;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37;
}
.form-error.is-visible {
  display: block;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem;
  }

  h2, .h2 {
    font-size: 2.5rem;
  }

  h3, .h3 {
    font-size: 1.9375rem;
  }

  h4, .h4 {
    font-size: 1.5625rem;
  }

  h5, .h5 {
    font-size: 1.25rem;
  }

  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #1468a0;
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }

  .medium-text-right {
    text-align: right;
  }

  .medium-text-center {
    text-align: center;
  }

  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }

  .large-text-right {
    text-align: right;
  }

  .large-text-center {
    text-align: center;
  }

  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .print-break-inside {
    page-break-inside: auto;
  }
}
.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.cell.auto {
  flex: 1 1 0;
}
.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.3333333333%;
}

.grid-x > .small-2 {
  width: 16.6666666667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.3333333333%;
}

.grid-x > .small-5 {
  width: 41.6666666667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.3333333333%;
}

.grid-x > .small-8 {
  width: 66.6666666667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.3333333333%;
}

.grid-x > .small-11 {
  width: 91.6666666667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0;
    width: auto;
  }

  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    flex: 0 0 auto;
  }

  .grid-x > .medium-shrink {
    width: auto;
  }

  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }

  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }

  .grid-x > .medium-3 {
    width: 25%;
  }

  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }

  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }

  .grid-x > .medium-6 {
    width: 50%;
  }

  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }

  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }

  .grid-x > .medium-9 {
    width: 75%;
  }

  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }

  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }

  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0;
    width: auto;
  }

  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    flex: 0 0 auto;
  }

  .grid-x > .large-shrink {
    width: auto;
  }

  .grid-x > .large-1 {
    width: 8.3333333333%;
  }

  .grid-x > .large-2 {
    width: 16.6666666667%;
  }

  .grid-x > .large-3 {
    width: 25%;
  }

  .grid-x > .large-4 {
    width: 33.3333333333%;
  }

  .grid-x > .large-5 {
    width: 41.6666666667%;
  }

  .grid-x > .large-6 {
    width: 50%;
  }

  .grid-x > .large-7 {
    width: 58.3333333333%;
  }

  .grid-x > .large-8 {
    width: 66.6666666667%;
  }

  .grid-x > .large-9 {
    width: 75%;
  }

  .grid-x > .large-10 {
    width: 83.3333333333%;
  }

  .grid-x > .large-11 {
    width: 91.6666666667%;
  }

  .grid-x > .large-12 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.3333333333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.6666666667%;
}

.small-up-7 > .cell {
  width: 14.2857142857%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }

  .medium-up-2 > .cell {
    width: 50%;
  }

  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }

  .medium-up-4 > .cell {
    width: 25%;
  }

  .medium-up-5 > .cell {
    width: 20%;
  }

  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }

  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }

  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%;
  }

  .large-up-2 > .cell {
    width: 50%;
  }

  .large-up-3 > .cell {
    width: 33.3333333333%;
  }

  .large-up-4 > .cell {
    width: 25%;
  }

  .large-up-5 > .cell {
    width: 20%;
  }

  .large-up-6 > .cell {
    width: 16.6666666667%;
  }

  .large-up-7 > .cell {
    width: 14.2857142857%;
  }

  .large-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.25rem / 2);
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 1.25rem / 2);
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 1.25rem / 2);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.25rem / 2);
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 1.25rem / 2);
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 1.25rem / 2);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.25rem / 2);
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 1.25rem / 2);
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 1.25rem / 2);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.25rem / 2);
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 1.25rem / 2);
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 1.25rem / 2);
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }

  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }

  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }

  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }

  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }

  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }

  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }

  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }

  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }

  .large-offset-1 {
    margin-left: 8.3333333333%;
  }

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }

  .large-offset-2 {
    margin-left: 16.6666666667%;
  }

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }

  .large-offset-4 {
    margin-left: 33.3333333333%;
  }

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }

  .large-offset-5 {
    margin-left: 41.6666666667%;
  }

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }

  .large-offset-7 {
    margin-left: 58.3333333333%;
  }

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }

  .large-offset-8 {
    margin-left: 66.6666666667%;
  }

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }

  .large-offset-10 {
    margin-left: 83.3333333333%;
  }

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }

  .large-offset-11 {
    margin-left: 91.6666666667%;
  }

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
.grid-y {
  display: flex;
  flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .cell .medium-grid-frame {
    width: 100%;
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .cell .large-grid-frame {
    width: 100%;
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  width: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button:hover, .button:focus {
  background-color: #14679e;
  color: #fefefe;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #fefefe;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #767676;
  color: #fefefe;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe;
}
.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #fefefe;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a;
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #1779ba;
}
.button.clear:hover, .button.clear:focus {
  color: #0c3d5d;
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #1779ba;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  color: #0c3d5d;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #767676;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: #3b3b3b;
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #3adb76;
}
.button.clear.success:hover, .button.clear.success:focus {
  color: #157539;
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  color: #805700;
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #cc4b37;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  color: #67251a;
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em;
  content: "";
  border-bottom-width: 0;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #1779ba;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #767676;
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #cc4b37;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.button-group::after {
  clear: both;
}
.button-group::before, .button-group::after {
  display: none;
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group.tiny .button {
  font-size: 0.6rem;
}
.button-group.small .button {
  font-size: 0.75rem;
}
.button-group.large .button {
  font-size: 1.25rem;
}
.button-group.expanded .button {
  flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: #126195;
  color: #fefefe;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #767676;
  color: #fefefe;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: #a53b2a;
  color: #fefefe;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: #157539;
  color: #157539;
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: #67251a;
  color: #67251a;
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #1779ba;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: #0c3d5d;
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #1779ba;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: #0c3d5d;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #767676;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: #3b3b3b;
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #3adb76;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: #157539;
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffae00;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: #805700;
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #cc4b37;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: #67251a;
}
.button-group.no-gaps .button {
  margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #8a8a8a;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe;
}
.label.primary {
  background: #1779ba;
  color: #fefefe;
}
.label.secondary {
  background: #767676;
  color: #fefefe;
}
.label.success {
  background: #3adb76;
  color: #0a0a0a;
}
.label.warning {
  background: #ffae00;
  color: #0a0a0a;
}
.label.alert {
  background: #cc4b37;
  color: #fefefe;
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca;
}
.progress.primary .progress-meter {
  background-color: #1779ba;
}
.progress.secondary .progress-meter {
  background-color: #767676;
}
.progress.success .progress-meter {
  background-color: #3adb76;
}
.progress.warning .progress-meter {
  background-color: #ffae00;
}
.progress.alert .progress-meter {
  background-color: #cc4b37;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  cursor: grab;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1779ba;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: #14679e;
}
.slider-handle.is-dragging {
  transition: all 0s linear;
  cursor: grabbing;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.switch {
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  user-select: none;
  height: 2rem;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #fefefe;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #1779ba;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}
.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #f8f8f8;
  color: #0a0a0a;
}

tfoot {
  background: #f1f1f1;
  color: #0a0a0a;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1;
}

table.unstriped tbody {
  background-color: #fefefe;
}
table.unstriped tbody tr {
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
table.stack th,
table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f3f3f3;
}
table.hover tfoot tr:hover {
  background-color: #ececec;
}
table.hover tbody tr:hover {
  background-color: #f9f9f9;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #fefefe;
}
.badge.primary {
  background: #1779ba;
  color: #fefefe;
}
.badge.secondary {
  background: #767676;
  color: #fefefe;
}
.badge.success {
  background: #3adb76;
  color: #0a0a0a;
}
.badge.warning {
  background: #ffae00;
  color: #0a0a0a;
}
.badge.alert {
  background: #cc4b37;
  color: #fefefe;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #0a0a0a;
  cursor: default;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}
.breadcrumbs a {
  color: #1779ba;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: #d7ecfa;
  color: #0a0a0a;
}
.callout.secondary {
  background-color: #eaeaea;
  color: #0a0a0a;
}
.callout.success {
  background-color: #e1faea;
  color: #0a0a0a;
}
.callout.warning {
  background-color: #fff3d9;
  color: #0a0a0a;
}
.callout.alert {
  background-color: #f7e4e1;
  color: #0a0a0a;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #0a0a0a;
}
.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #1779ba;
  color: #fefefe;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "…";
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»";
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #0a0a0a;
  font-size: 80%;
  color: #fefefe;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-top-width: 0;
  border-color: transparent transparent #0a0a0a;
  bottom: 100%;
}
.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-color: #0a0a0a transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #0a0a0a;
  left: 100%;
}
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-left-width: 0;
  border-color: transparent #0a0a0a transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}
.media-object img {
  max-width: none;
}
@media print, screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

.media-object-section {
  flex: 0 1 auto;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.main-section {
  flex: 1 1 0px;
}

.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe;
}

.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #cacaca;
}
.orbit-bullets button:hover {
  background-color: #8a8a8a;
}
.orbit-bullets button.is-active {
  background-color: #8a8a8a;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #1779ba;
}
.tabs.primary > li > a {
  color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #1673b1;
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: #fefefe;
  color: #1468a0;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
  color: #1779ba;
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 4px solid #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
}
a.thumbnail image {
  box-shadow: none;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}
.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
  text-align: left;
}
.menu.expanded li {
  flex: 1 1 0px;
}
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
  text-align: left;
}
.menu.simple {
  align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
  flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
  flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
  flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
  flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu .active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu.align-left {
  justify-content: flex-start;
}
.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}
.menu.align-right li .submenu li {
  justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: flex;
  justify-content: center;
}
.menu.align-center li .submenu li {
  justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}
.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}
.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: "";
}
.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #1779ba transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #1779ba transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #1779ba transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #1779ba;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1779ba;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1779ba;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  transform: none;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}
.top-bar,
.top-bar ul {
  background-color: #e6e6e6;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.clearfix::after {
  clear: both;
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }

  .medium-order-2 {
    order: 2;
  }

  .medium-order-3 {
    order: 3;
  }

  .medium-order-4 {
    order: 4;
  }

  .medium-order-5 {
    order: 5;
  }

  .medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }

  .large-order-2 {
    order: 2;
  }

  .large-order-3 {
    order: 3;
  }

  .large-order-4 {
    order: 4;
  }

  .large-order-5 {
    order: 5;
  }

  .large-order-6 {
    order: 6;
  }
}
.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

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

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

.flex-dir-column {
  flex-direction: column;
}

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

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }

  .medium-flex-child-auto {
    flex: 1 1 auto;
  }

  .medium-flex-child-grow {
    flex: 1 0 auto;
  }

  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }

  .medium-flex-dir-row {
    flex-direction: row;
  }

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

  .medium-flex-dir-column {
    flex-direction: column;
  }

  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }

  .large-flex-child-auto {
    flex: 1 1 auto;
  }

  .large-flex-child-grow {
    flex: 1 0 auto;
  }

  .large-flex-child-shrink {
    flex: 0 1 auto;
  }

  .large-flex-dir-row {
    flex-direction: row;
  }

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

  .large-flex-dir-column {
    flex-direction: column;
  }

  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
.hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
.hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
.show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
.show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }

  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }

  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

html, body {
  margin: 0;
  height: 100%;
  min-height: 100%;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
}
@font-face {
  font-family: Playlist-Script;
  src: url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/Playlist-Script.woff2") format("woff2"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/Playlist-Script.woff") format("woff"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/Playlist-Script.svg#Playlist-Script") format("svg"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/Playlist-Script.eot"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/Playlist-Script.eot#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.eot?scm7p5");
  src: url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.svg?scm7p5#icomoon") format("svg"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.eot?scm7p5#iefix") format("embedded-opentype"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.ttf?scm7p5") format("truetype"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.woff?scm7p5") format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
  content: "";
}

.icon-start-glass:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-tastings:before {
  content: "";
}

.icon-badges:before {
  content: "";
}

.icon-glass:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-add:before {
  content: "";
}

.icon-fill-cart:before {
  content: "";
}

.icon-dashboard:before {
  content: "";
}

.icon-documents:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-metrics:before {
  content: "";
}

.icon-reports:before {
  content: "";
}

.icon-marketing-tools:before {
  content: "";
}

.icon-marketing-fee:before {
  content: "";
}

.icon-table2:before {
  content: "";
}

.icon-export:before {
  content: "";
}

.icon-profile:before {
  content: "";
}

.icon-rewards:before {
  content: "";
}

.icon-help:before {
  content: "";
}

.icon-training:before {
  content: "";
}

.icon-circle-down:before {
  content: "";
}

.icon-circle-left:before {
  content: "";
}

.icon-circle-right:before {
  content: "";
}

.icon-search:before {
  content: "";
}

/* Color */
.spinner {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  margin: 0 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  animation: pulse 1s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    color: #52439b;
  }
  50% {
    color: rgba(82, 67, 155, 0.3);
  }
  100% {
    color: #52439b;
  }
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #52439b;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #52439b;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #52439b;
  }
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.4);
  }
  40% {
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.align-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-center-margin {
  margin: 0 auto;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

/* Buttons */
button {
  cursor: hand;
  cursor: pointer;
}

.btn-main {
  -webkit-appearance: none;
  display: block;
  font-size: 1.0625rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff;
  border: 1px solid #6257ec;
  background: #6257ec;
  line-height: 2rem;
  text-decoration: none;
  margin: 1rem 0;
  text-align: center;
  border-radius: 32px;
  outline: 0;
  cursor: pointer;
  padding: 0.9375rem 1.25rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color 0.3s linear, border-color 0.3s linear;
  display: inline-block;
  min-width: 214px;
  margin-top: 1.625rem;
  text-transform: capitalize;
}
.btn-main:hover, .btn-main:focus, .btn-main:active {
  background: #BC18F2;
  border-color: #BC18F2;
  color: #fff;
  box-shadow: none;
}
.btn-main:disabled {
  background: #999AED;
  border-color: #999AED;
}

.btn-main-sm {
  min-width: 50px;
  max-width: 100%;
}

.btn-alt {
  -webkit-appearance: none;
  display: block;
  font-size: 0.85rem;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  color: #6257ec;
  border: 2px solid #6257ec;
  background: #fff;
  margin: 0.625rem;
  line-height: inherit;
  text-align: center;
  border-radius: 32px;
  outline: 0;
  cursor: pointer;
  padding: 0.5375rem 2rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color 0.3s linear, border-color 0.3s linear, -color 0.3s linear;
  transition: all 0.3s ease;
  display: inline-block;
  min-width: 162px;
  text-transform: capitalize;
  text-decoration: none;
}
@media print, screen and (min-width: 40em) {
  .btn-alt {
    padding: 0.625rem 2.25rem;
  }
}
.btn-alt:hover, .btn-alt:focus, .btn-alt:active {
  background: #999AED;
  color: #fff;
}
.btn-alt:disabled {
  background: #E7E7F7;
  border-color: #E7E7F7;
  color: #302952;
}
.btn-alt:disabled:hover, .btn-alt:disabled:focus, .btn-alt:disabled:active {
  background: #E7E7F7;
  color: #302952;
}
.btn-alt .spinner > div {
  background-color: #52439b;
}

.btn-link {
  border: none;
  background: none;
  color: #BC18F2;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
}

.btn-filter {
  text-decoration: none;
  margin: 0.325rem 0.325rem;
  font-size: 1rem;
  padding: 0.325rem 0.635rem;
  border-radius: 99px;
  font-weight: 600;
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
}
.btn-filter.active {
  background: #E7E7F7;
}
.btn-filter:hover, .btn-filter:focus, .btn-filter:active {
  background: #E7E7F7;
}

.btn-qty {
  border: 2px solid #6257ec;
  height: 40px;
  width: 40px;
  border-radius: 99px;
  text-transform: uppercase;
  background: none;
  color: #6257ec;
  font-size: 24px;
  font-weight: 900;
  line-height: 38px;
  cursor: pointer;
  cursor: hand;
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
}
.btn-qty:hover, .btn-qty:active {
  text-decoration: none;
  background: #6257ec;
  color: #fff;
  outline: none;
}
.btn-qty:disabled {
  background: #e8e8e8;
  border: 2px solid #e8e8e8;
  color: #909090;
}

.qty-line {
  margin: 0 auto;
}

.btn-default {
  font-size: 0.85rem;
  color: #BC18F2;
  font-weight: 700;
  margin-bottom: 0.635rem;
}
.btn-default img {
  width: 25px;
  margin-right: 0.35rem;
}

.reveal .btn-main:hover, .reveal .btn-main:focus, .reveal .btn-main:active {
  background: #BC18F2;
  color: #fff;
}
.reveal .btn-main:disabled:hover, .reveal .btn-main:disabled:focus, .reveal .btn-main:disabled:active {
  background: #999AED;
  color: #fff;
}

.btn-table {
  padding: 10px 20px;
  min-width: auto;
}

.btn-footer {
  float: right;
}

.btn-small {
  font-size: 1rem;
  background: #e8e8e8;
  padding: 20px 30px;
  min-width: 150px;
  white-space: nowrap;
  font-weight: 700;
}
.btn-small:hover, .btn-small:focus, .btn-small:active {
  background: #909090;
}

.btn-applied:hover, .btn-applied:focus, .btn-applied:active {
  color: #fff;
  background: #6257ec;
}

.btn-new-event {
  display: inline-block;
  min-width: 350px;
}

.btn-href {
  display: inline-block;
  margin-bottom: 1rem;
  color: #6257ec;
  font-weight: 700;
}

.btn-sm-action {
  background: #E7E7F7;
  color: #BC18F2;
  font-weight: 600;
  font-size: 1rem;
  padding: 7.5px 35px;
  min-width: 150px;
  white-space: nowrap;
  font-weight: 700;
  border-radius: 99px;
  text-decoration: none;
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
}
.btn-sm-action:hover, .btn-sm-action:focus, .btn-sm-action:active {
  background: #c4c5f5;
}

.reveal .btn-start {
  margin: 1rem;
}
.reveal .btn-start:hover, .reveal .btn-start:focus, .reveal .btn-start:active {
  background: #6257ec;
  color: #fff;
}

.btn-pending {
  background: #E7E7F7;
}

.btn-complete {
  background: #00ab91;
  color: #fff;
  border-color: #00ab91;
}
.btn-complete:hover, .btn-complete:focus, .btn-complete:active {
  border-color: #BC18F2;
  background: #BC18F2;
  color: #fff;
}
.btn-complete .completed {
  text-align: center;
}
.btn-complete .completed i {
  float: none;
  padding: 0 2px;
}

.btn-mult {
  border: none;
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #fff;
  width: 75px !important;
}
.btn-mult:hover, .btn-mult:focus, .btn-mult:active {
  background: none;
  text-decoration: underline;
}

.btn-show {
  display: none;
}

.btn-info {
  border: 1px solid #00ab91;
  font-weight: 700;
  border-radius: 99px;
  background: transparent;
  color: #00ab91;
  font-size: 0.7225rem;
  padding: 2px 20px;
  white-space: nowrap;
  display: inline-block;
  text-transform: uppercase;
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #00ab91;
  color: #fff;
}

.btn-inline-small {
  margin: 0 10px;
  color: #52439b;
}
.btn-inline-small:focus, .btn-inline-small:hover, .btn-inline-small:active {
  text-decoration: underline;
}

.btn-edit-webprofile, .btn-put-sitename {
  margin-top: 1.5rem;
}

.btn-inline {
  display: inline;
}

.btn-empty-onboarding {
  height: 10vh;
}
.btn-empty-onboarding > span {
  display: inline-flex;
  align-items: center;
}

.alt .btn-start {
  background: #c7629b;
}
.alt .btn-start:hover, .alt .btn-start:focus, .alt .btn-start:active {
  background: #b54183;
}
.alt .btn-pending {
  background: #fec949;
}
.alt .btn-pending:hover, .alt .btn-pending:focus, .alt .btn-pending:active {
  background: #e09f01;
}
.alt .btn-complete {
  background: #78c6ba;
}
.alt .btn-complete:hover, .alt .btn-complete:focus, .alt .btn-complete:active {
  background: #48aa9b;
}

.btn-oval {
  width: 100%;
}
.btn-oval.spinner > div {
  background-color: #52439b;
}

.phoneformat {
  white-space: nowrap;
}

.rewined .btn-start {
  background: #0797a1;
}
.rewined .btn-start:hover, .rewined .btn-start:focus, .rewined .btn-start:active {
  background: #056970;
}

hr.small {
  border-bottom: 1px solid #feba16;
  margin: 20px auto;
  width: 15%;
}

.row-full {
  max-width: 75rem;
  margin: 0 auto;
}

.pill {
  padding: 5px 5px;
  font-size: 0.68rem;
  line-height: 0.68rem;
  background: #E7E7F7;
  color: #6257ec;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 99px;
  display: block;
  max-width: 125px;
  text-align: center;
}

.tasting-icon {
  float: right;
  font-size: 1rem;
}

.clear {
  clear: both;
}

.orbit-slide {
  display: none;
}

.is-active {
  display: block;
}

.error-block {
  display: none;
  border: 2px solid #D45E5E;
  border-radius: 32px;
  padding: 0.635rem;
  color: #D45E5E;
}
.error-block h3 {
  color: #D45E5E !important;
  display: block !important;
  font-weight: 700;
  margin-bottom: 1rem !important;
}

.error-text {
  color: red;
  font-weight: bold;
}

.success-text {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  color: #00ab91;
  /* checked icon */
}
.success-text:before {
  content: "";
}

.success-msg {
  color: #00ab91;
}

.table {
  width: 100%;
  border: none;
  vertical-align: middle;
  color: #302952;
}
.table td {
  padding: 15px 10px;
}
.table thead {
  color: #00ab91;
  font-weight: 700;
  background: none;
  border: none;
}
@media print, screen and (min-width: 40em) {
  .table thead tr td, .table thead tr th {
    border-bottom: 1px solid #BC18F2;
  }
}
.table tbody {
  background: none;
  border: none;
}
.table tbody tr:nth-child(even) {
  background-color: transparent;
}
.table tbody tr:nth-child(odd) {
  background-color: transparent;
}
.table tfoot {
  background: none;
  border: none;
  color: #00ab91;
}
.table tfoot tr td {
  border-top: 1px solid #BC18F2;
  background: #fff;
}
.table .highlight {
  color: #feba16;
}
.table span.btn-load-downline {
  color: #6257ec;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack td {
    padding: 5px;
  }
  table.stack tfoot {
    display: block;
  }
}

.table-dark {
  color: #fff;
}
.table-dark thead {
  color: #e8e8e8;
}
.table-dark thead tr td {
  text-align: center;
}
.table-dark tbody {
  background: none;
}
.table-dark tbody tr:nth-child(even) {
  background-color: transparent;
}
.table-dark tbody tr td {
  text-align: center;
}

table.team {
  margin-bottom: 0;
}
table.team thead tr {
  background-color: #fff;
}
table.team thead tr th {
  padding: 0;
  white-space: nowrap;
}
table.team tbody tr:nth-child(even) {
  background-color: #e8e8e8;
}
table.team tbody tr:nth-child(odd) {
  background-color: #fff;
}
table.team tbody tr td {
  text-align: left;
  white-space: nowrap;
}

.table-dashboard thead tr td {
  border: none;
  color: #00ab91;
  font-weight: 700;
  border-bottom: 1px solid #BC18F2;
}
.table-dashboard tbody tr:nth-child(even) {
  background: none;
}
.table-dashboard td {
  text-align: center;
  font-weight: 700;
  background: none;
}
.table-dashboard .labels {
  text-align: left;
}

.dataTable th.sorting, .dataTable th.sorting_asc, .dataTable th.sorting_desc {
  cursor: pointer;
  cursor: hand;
  position: relative;
  padding-right: 20px;
}
.dataTable th.sorting::before, .dataTable th.sorting::after, .dataTable th.sorting_asc::before, .dataTable th.sorting_asc::after, .dataTable th.sorting_desc::before, .dataTable th.sorting_desc::after {
  border: 4px solid transparent;
  content: "";
  display: block;
  height: 0;
  right: 5px;
  top: 50%;
  position: absolute;
  width: 0;
}
.dataTable th.sorting::before, .dataTable th.sorting_asc::before, .dataTable th.sorting_desc::before {
  border-bottom-color: #909090;
  margin-top: -9px;
}
.dataTable th.sorting::after, .dataTable th.sorting_asc::after, .dataTable th.sorting_desc::after {
  border-top-color: #909090;
  margin-top: 1px;
}
.dataTable th.sorting_asc::before {
  border-bottom-color: #00ab91;
  margin-top: -9px;
}
.dataTable th.sorting_asc::after {
  border-top-color: #fff;
  margin-top: 1px;
}
.dataTable th.sorting_desc::before {
  border-bottom-color: #fff;
  margin-top: -9px;
}
.dataTable th.sorting_desc::after {
  border-top-color: #00ab91;
  margin-top: 1px;
}

.leaderboard tr {
  border-bottom: 1px solid #909090;
}
.leaderboard td {
  font-weight: 700;
}

.align-vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.large-table th {
  color: #00ab91;
}
.large-table tr.row {
  margin: 0;
  padding: 1rem;
}
@media print, screen and (min-width: 40em) {
  .large-table tr.row {
    padding: 0;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.large-table td {
  padding: 0;
  vertical-align: middle;
}
@media print, screen and (min-width: 40em) {
  .large-table td {
    padding: 15px 10px;
  }
}
.large-table a {
  color: #302952;
  font-weight: normal;
}
.large-table h3 {
  color: #6257ec;
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0;
}
@media print, screen and (min-width: 64em) {
  .large-table h3 {
    font-size: 1.05rem;
  }
}
.large-table .name-info {
  display: inline-block;
  width: calc(100% - 40px);
  vertical-align: top;
}
.large-table .sub, .large-table .sub-header {
  font-size: 0.85rem;
}

.sub-header {
  font-size: 0.85rem;
}

.message-bar-wrapper {
  margin: 1.625rem auto;
  text-align: center;
}
.message-bar-wrapper img {
  width: 35px;
  margin-right: 1rem;
}
.message-bar-wrapper .message-bar {
  background: #C9EDE8;
  padding: 0.35rem 1.5rem;
  border-radius: 99px;
  width: auto;
  max-width: 50rem;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
  display: flex;
  line-height: 1.4;
}
@media print, screen and (min-width: 40em) {
  .message-bar-wrapper .message-bar {
    padding: 0.35rem 2.5rem;
  }
}
.message-bar-wrapper .message-bar .message {
  align-items: center;
}
.message-bar-wrapper .message-bar .message .message-text {
  font-weight: 700;
  font-size: 1rem;
}
.message-bar-wrapper .message-bar a.btn-link {
  padding: 0 0.635rem;
}
.message-bar-wrapper.large {
  cursor: pointer;
  cursor: hand;
}
.message-bar-wrapper.large .message-bar {
  max-width: 100%;
  border-radius: 12px;
  padding: 0.635rem 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .message-bar-wrapper.large .message-bar {
    border-radius: 99px;
  }
}
.message-bar-wrapper.large .message-bar img.icon {
  height: 50px;
  width: 50px;
}
.message-bar-wrapper.large .message-bar .message {
  text-align: left;
}
.message-bar-wrapper .paleyellow {
  background: #fff1d6;
}
.message-bar-wrapper .palered {
  background: #FFEDED;
}
.message-bar-wrapper .lightgrey {
  background: #E7E7F7;
}

.carousel .slick-slide {
  padding: 0 0.5rem 0 0.5rem;
}
.carousel .carousel-wrapper {
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.carousel .carousel-wrapper.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.carousel h3 {
  margin-bottom: 5px;
  min-height: 40px;
  color: #6257ec;
}
.carousel h3 label {
  margin-bottom: -10px;
  color: #909090;
}
.carousel .card {
  border-radius: 12px;
  overflow: initial;
  background: #52439b;
  color: #fff;
  padding: 1rem;
  min-height: 25vh;
  position: relative;
}
.carousel .card .badge-img {
  position: absolute;
  right: 3%;
  width: 96px;
  top: -48px;
}
.carousel .card .progress {
  background: #fff;
  border-radius: 99px;
  height: 1.15rem;
  max-width: 75%;
  margin-bottom: 0;
}
.carousel .card .progress .fill {
  background-color: #feba16;
  height: 100%;
  border-radius: 99px;
  display: block;
  color: #302952;
  text-transform: uppercase;
  font-size: 0.7225rem;
  font-weight: bold;
  line-height: 1.15rem;
  text-align: right;
  padding: 0 5px;
}
.carousel .card .btn-main {
  background: #feba16;
  color: #6257ec;
}
.carousel .card .decline {
  background: #E7E7F7;
}
.carousel .card h2.header {
  display: inline-block;
  width: 79%;
}
.carousel .card p.sub {
  line-height: 1;
  font-size: 0.85rem;
  color: #fff;
}
.carousel .card .sub-heading.option {
  margin-bottom: 0;
  color: #fff;
  font-size: 0.85rem;
}
.carousel .card hr {
  margin: 1rem 0;
}
.carousel .card .leg-row {
  width: 79%;
}
.carousel .card .leg-row p {
  margin-bottom: 0;
}
.carousel .card .multi {
  font-size: 0.85rem;
  font-weight: bold;
  padding: 0.25rem 0 0.25rem 5rem;
}
.carousel .card .status {
  border-radius: 999px;
  font-size: 22px;
  text-align: center;
  margin-right: 0.5rem;
  line-height: 32px;
  margin-bottom: 0.75rem;
  width: 32px;
  height: 32px;
  vertical-align: top;
  display: inline-block;
  background: #e8e8e8;
}
.carousel .card .status.success {
  font-family: "icomoon" !important;
  background: #00ab91 !important;
}
.carousel .card .status.success:before {
  content: "";
}
.carousel .card .status.success-alt {
  font-family: "icomoon" !important;
  background: #909090;
}
.carousel .card .status.success-alt:before {
  content: "";
}
.carousel .card h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  color: #fff;
  margin-bottom: 0;
}
.carousel .card h2 span.current {
  color: #feba16;
}
.carousel .card h2.large {
  font-size: 2.25rem;
}
.carousel .slick-arrow {
  display: block;
  z-index: 1;
  top: 50%;
}
.carousel .slick-arrow:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #52439b;
  background: #fff;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: block;
}
.carousel .slick-arrow.slick-prev {
  left: -15px;
  z-index: 1;
}
.carousel .slick-arrow.slick-prev:before {
  content: "";
  background: url(https://tvcdn.azureedge.net/assets/icons/arrow-left.svg) no-repeat center center;
  opacity: 1;
}
.carousel .slick-arrow.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.carousel .slick-arrow.slick-next {
  right: -15px;
}
.carousel .slick-arrow.slick-next:before {
  content: "";
  background: url(https://tvcdn.azureedge.net/assets/icons/arrow-right.svg) no-repeat center center;
  opacity: 1;
}
.carousel .slick-arrow.slick-next.slick-disabled:before {
  opacity: 0.25;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #909090;
  opacity: 1;
}

/* Firefox < 19 */
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #909090;
  opacity: 1;
}

/* Firefox > 19 */
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #909090;
  opacity: 1;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #909090;
  opacity: 1;
}

.input-lg {
  background-position: 0 -160px;
  background-repeat: no-repeat;
  background-image: url("../../../../../../wp-content/themes/tv/img/dist/sprite.png");
  background-color: white;
  border: 1px solid #52439b;
  margin-bottom: 40px;
  max-width: 800px;
}
.input-lg .input-wrapper {
  height: 100%;
  padding: 0 10px 0 55px;
  display: block;
}
.input-lg .input-wrapper input[type=text], .input-lg .input-wrapper input[type=email], .input-lg .input-wrapper input[type=tel] {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: 400;
  line-height: 54px;
  cursor: auto;
  color: #302952;
}

.reports table.dataTable,
.reports table.dataTable th,
.reports table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  white-space: nowrap;
}
.reports table.dataTable th {
  border-bottom: none;
  background: #fff;
  z-index: 2;
  padding: 20px 5px;
  box-sizing: initial;
  box-shadow: inset 0 -1px 0 #BC18F2;
  position: sticky;
  top: -1px;
}
.reports td.Name {
  width: 1%;
}
.reports .DTFC_LeftHeadWrapper, .reports .DTFC_LeftBodyWrapper, .reports .DTFC_LeftFootWrapper {
  background: #fff;
  border-right: 1px solid #909090;
}
.reports .btn-alt {
  min-width: auto;
}
.reports .header-callout {
  background: #e8e8e8;
  margin-bottom: 2rem;
}
.reports .header-callout .section-wrapper {
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .reports .header-callout .section-wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.reports .header-callout .header-box {
  text-align: center;
  padding: 2rem 0;
}
.reports .header-callout .header-box h2 {
  font-family: "Prata", serif;
  font-weight: 400;
  color: #52439b;
  margin-bottom: 0;
}
.reports .header-callout .header-box span {
  display: block;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.reports ul#filter-list li {
  margin-bottom: 1rem;
}
.reports ul#filter-list li label {
  color: #fff;
  font-size: 1.05rem;
}
.reports ul#filter-list li label span {
  margin-right: 0.635rem;
}
.reports .param-wrapper span {
  font-weight: 700;
  color: #302952;
}
.reports .param-wrapper button {
  margin: 0;
}
.reports .param-wrapper .select-label.floating-label select {
  margin-bottom: 0;
}
.reports .param-wrapper .select-label.floating-label label {
  top: calc(50% - 12px);
}
.reports .param-wrapper .floating-label.select-label {
  margin-bottom: 0;
}
.reports select {
  padding-right: 40px;
}
.reports span.refresh, .reports .modal_link, .reports a {
  color: #6257ec;
  font-weight: bold;
  text-decoration: underline;
}
.reports span.refresh:hover, .reports span.refresh:focus, .reports span.refresh:active, .reports .modal_link:hover, .reports .modal_link:focus, .reports .modal_link:active, .reports a:hover, .reports a:focus, .reports a:active {
  color: #BC18F2;
  text-decoration: underline;
}
.reports span.btn-get-filter-param, .reports span.btn-load-downline {
  color: #52439b;
  cursor: hand;
  cursor: pointer;
}
.reports .training-img {
  display: inline-block;
  vertical-align: top;
  width: 32px;
  margin: 0 5px 0 0;
}
.reports .empty-badge {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #E7E7F7;
  margin: 0 5px 0 0;
  border-radius: 999px;
  vertical-align: middle;
}
.reports span.description {
  display: block;
  font-size: 0.85rem;
  margin: 0 0 0.5rem 0;
}
.reports .circ-icon {
  width: 26px;
  height: 26px;
  background-color: #909090;
  border: 2px solid #909090;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/x.svg);
}
.reports table.marketing-fees tfoot h2 {
  margin-bottom: 0;
  color: #52439b;
  font-weight: 700;
}
.reports table.marketing-fees tfoot tr:nth-child(1) td {
  background: #fff;
}
.reports table.marketing-fees tfoot tr:nth-child(2) td {
  border-top: 1px solid #302952;
  padding-top: 1rem;
}
.reports table.marketing-fees tfoot tr:nth-last-child(1) td {
  border-bottom: 1px solid #302952;
  padding-bottom: 2rem;
}
.reports table.marketing-fees tfoot tr td {
  background: #E7E7F7;
  border: none;
  padding: 10px;
  font-weight: normal;
  color: #302952;
}
.reports table.marketing-fees tfoot tr.totals td {
  font-weight: 700;
}
.reports .rank-dist {
  background: #E7E7F7;
}

.report-search .search-table {
  margin: 1rem auto;
  border: 2px solid #999AED;
  border-radius: 999px;
  padding: 0 0.635rem;
  vertical-align: middle;
}
.report-search .search-table #search-term {
  margin-right: 1rem;
}
.report-search .search-table .search-docs, .report-search .search-table #search-term, .report-search .search-table .search-term {
  border-bottom: 0;
  margin: 0 0.635rem 0 0;
  padding: 0.635rem 0;
}
.report-search .search-table .floating-label {
  margin-bottom: 0;
  margin-left: 1rem;
}
.report-search .search-table .floating-label label {
  left: 0;
  padding-left: 0;
}

.input-sm {
  background: #e8e8e8;
  border: none;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  height: auto;
  margin-bottom: 20px;
  padding: 10px 16px;
  width: 100%;
  max-width: 800px;
  color: #6257ec;
  caret-color: #6257ec;
  letter-spacing: 0.03rem;
}
.input-sm:focus {
  border: none;
  background: #e8e8e8;
  box-shadow: 0px 0px 8px 0 #909090;
}

.dropdown {
  max-width: 800px;
  margin-bottom: 40px;
}

.textarea-sm {
  background: #e8e8e8;
  border: none;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 40px;
  padding: 5px 20px;
  width: 100%;
  max-width: 800px;
  color: #302952;
  min-height: 200px;
  caret-color: #6257ec;
}
.textarea-sm:focus {
  border: none;
  background: #e8e8e8;
}

select {
  color: #6257ec;
  height: auto;
  border: 2px solid #999AED;
  border-radius: 8px;
  padding: 25px 21px 7px 10px;
  font-size: 1.05rem;
  width: 94%;
  margin-left: 0.5rem;
  color: #302952;
  font-weight: 600;
  -webkit-appearance: none;
}
select:focus {
  border: 2px solid #6257ec;
}

select:not([multipe]) {
  padding: 25px 21px 7px 10px;
}

.select-label.floating-label label {
  opacity: 1;
  position: absolute;
  font-family: "Poppins", sans-serif;
  top: calc(50% - 23px);
  left: 10px;
  transition: all 0.3s ease;
  padding-left: 10px;
  font-size: 0.85rem;
  z-index: 0;
  color: #6257ec;
  transform: translateY(-10px);
}

.city_wrap select {
  width: 53%;
  color: #302952;
}

input[name=SiteName] {
  margin-bottom: 0;
  display: inline-block;
}

.required, .former.error input {
  border: 2px solid #D45E5E !important;
}

.toggle-switch input {
  position: absolute;
  opacity: 0;
}

/**
 * 1. Adjust this to size
 */
.toggle-switch {
  display: inline-block;
  font-size: 30px;
  /* 1 */
  height: 1em;
  width: 2em;
  background: #e8e8e8;
  border-radius: 1em;
  cursor: pointer;
}

.toggle-switch div {
  height: 1em;
  width: 1em;
  border-radius: 1em;
  background: #909090;
  box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.toggle-switch input:checked + div {
  background: #00ab91;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.catwrapper {
  margin-bottom: 1rem;
}

div.search-wrapper {
  border-radius: 999px;
  border: 2px solid #6257ec;
  padding: 0.635rem;
  border-radius: 999px;
}

.search-animate {
  width: 100%;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  white-space: nowrap;
}
.search-animate.shrink {
  width: 65px !important;
}
.search-animate.shrink input[type=search] {
  -moz-transition: all 1.25s;
  -o-transition: all 1.25s;
  -webkit-transition: all 1.25s;
  transition: all 1.25s;
  opacity: 0;
  height: 0;
}
.search-animate.active input[type=search] {
  -moz-transition: all 1.25s;
  -o-transition: all 1.25s;
  -webkit-transition: all 1.25s;
  transition: all 1.25s;
  visibility: visible;
  opacity: 1;
  width: calc(100% - 80px);
}

.search input::placeholder {
  font-size: 1rem;
}
.search input[type=search] {
  border: none;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
  display: inline-block;
  color: #302952;
  font-size: 20px;
  line-height: 40px;
  height: auto;
  width: calc(100% - 50px);
  margin-bottom: 0;
  padding: 0 20px;
}
.search input[type=submit], .search button#search-toggle, .search button#search-icon {
  background: rgba(0, 171, 145, 0.2);
  vertical-align: top;
  border-radius: 999px;
  color: #302952;
  border: none;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-weight: 700;
  padding: 0;
}
.search button#search-toggle {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.search button#search-toggle:hover {
  transform: scale(1.25);
}
.search .search-icon {
  display: block;
  background-image: url("https://tvcdn.azureedge.net/assets/icons/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-position: 50% 50%;
  margin: 0 auto;
}

.search-table {
  border-radius: 0;
}
.search-table input::placeholder {
  font-size: 1rem;
}
.search-table input[type=search] {
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
  color: #302952;
  border: none;
  border-bottom: 1px solid #6257ec;
  font-size: 20px;
  line-height: 40px;
  height: auto;
  padding: 0 20px;
}
@media print, screen and (min-width: 40em) {
  .search-table input[type=search] {
    width: calc(100% - 50px);
  }
}
.search-table button, .search-table button#search-icon-wrapper {
  background: rgba(0, 171, 145, 0.2);
  vertical-align: top;
  border-radius: 999px;
  color: #302952;
  border: none;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-weight: 700;
  padding: 0;
}
.search-table button#search-icon-wrapper {
  margin-right: 1.635rem;
}
.search-table .search-icon {
  display: block;
  background-image: url("https://tvcdn.azureedge.net/assets/icons/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-position: 50% 50%;
  margin: 0 auto;
}

#export-assets .dt-button, #export-assets1 .dt-button {
  display: block;
  padding: 0;
  text-align: center;
  color: #BC18F2;
  text-decoration: none;
}
#export-assets .dt-button span.download-link, #export-assets1 .dt-button span.download-link {
  font-size: 0.85rem;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  display: none;
}
@media print, screen and (min-width: 40em) {
  #export-assets .dt-button span.download-link, #export-assets1 .dt-button span.download-link {
    display: initial;
  }
}

.dataTables_wrapper {
  width: 100%;
}

.save-result {
  font-weight: 600;
  color: #BC18F2;
}

#reports #report-list {
  min-height: 200px;
}
#reports .btn-download-report {
  min-width: auto;
}
#reports .btn-load-report {
  display: block;
  margin: 0 auto;
  margin-bottom: 1rem;
}
#reports .dataTables_wrapper {
  margin: 0 auto;
  text-align: center;
}
#reports .interest li {
  width: 40%;
  display: inline-block;
}
#reports .scroll {
  width: auto;
  display: inline-block;
  overflow: hidden;
}
#reports .status-line {
  color: #52439b;
  font-weight: 700;
}
#reports #data-wrapper {
  position: relative;
  min-height: 100px;
}
#reports .save-button {
  display: block;
}
#reports #report-name {
  height: auto;
  padding: 15px;
}
#reports .btn-table {
  color: #52439b;
  font-weight: 700;
}
@media print, screen and (max-width: 39.99875em) {
  #reports .btn-download-report {
    margin-top: 1rem;
  }
}

.dataTables_filter {
  display: none;
}

.dataTables_paginate, .review-pagination {
  text-align: center;
  margin-bottom: 1.5rem;
}
.dataTables_paginate .paginate_button, .dataTables_paginate .number, .review-pagination .paginate_button, .review-pagination .number {
  background: #fff1d6;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 99px;
  display: inline-block;
  margin: 0.5rem;
  color: #6257ec;
  text-decoration: none;
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
}
.dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus, .dataTables_paginate .number:hover, .dataTables_paginate .number:focus, .review-pagination .paginate_button:hover, .review-pagination .paginate_button:focus, .review-pagination .number:hover, .review-pagination .number:focus {
  background: #C9EDE8;
  color: #6257ec;
}
.dataTables_paginate .current, .review-pagination .current {
  background: #C9EDE8;
  color: #6257ec;
}
.dataTables_paginate .ellipsis, .review-pagination .ellipsis {
  color: #6257ec;
  font-size: 1.5rem;
  font-weight: 700;
}

.byline {
  display: block;
}

.calendar-wrapper .icon-calendar {
  color: #52439b;
  font-size: 1.5rem;
  cursor: hand;
  cursor: pointer;
}

.ui-datepicker {
  display: none;
}

#datepicker thead, #datepicker tbody, #datepicker tfoot {
  background: none;
  border: none;
}
#datepicker .ui-datepicker-calendar {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #fff;
}
#datepicker .ui-datepicker-calendar th, #datepicker .ui-datepicker-calendar td {
  border: 2px solid #fff;
}
#datepicker .ui-datepicker-calendar tr:nth-child(even) {
  background: none;
}
#datepicker .ui-datepicker-calendar th {
  color: #302952;
  text-align: center;
}
#datepicker .ui-datepicker-calendar td {
  padding: 0;
  width: 14.28%;
}
#datepicker .ui-datepicker-calendar td a, #datepicker .ui-datepicker-calendar td span {
  color: #fff;
  height: 60px;
  text-align: right;
  background: #6257ec;
  padding: 0;
  vertical-align: bottom;
  padding: 0.5rem;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}
#datepicker .ui-datepicker-calendar td a:hover, #datepicker .ui-datepicker-calendar td a:focus {
  background: #00ab91;
}
#datepicker .ui-datepicker-calendar .ui-state-active {
  background: #00ab91;
}
#datepicker .ui-datepicker-calendar .ui-datepicker-unselectable span {
  background: #E7E7F7;
  color: #909090;
}
#datepicker .ui-datepicker-prev {
  float: left;
}
#datepicker .ui-datepicker-prev span {
  color: #fff;
  font-size: 1.5rem;
  padding-top: 6px;
  display: inline-block;
}
#datepicker .ui-datepicker-next {
  float: right;
}
#datepicker .ui-datepicker-next span {
  color: #52439b;
  font-size: 1.5rem;
  padding-top: 5px;
  display: inline-block;
}
#datepicker .ui-datepicker-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
}
#datepicker .ui-datepicker-year {
  display: none;
}

.chart-amount {
  font-family: "Prata", serif;
  font-size: 2.25rem;
  color: #00ab91;
  margin-top: -60px;
}
.chart-amount .chart-goal {
  display: block;
  text-align: center;
  margin: 0;
  font-size: 1rem;
  color: #909090;
  font-family: "Poppins", sans-serif;
  line-height: 0.25rem;
}

.warning {
  border-radius: 999px;
  background: #fff;
  color: #52439b;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.5rem;
  height: 34px;
  width: 34px;
  vertical-align: middle;
  line-height: 34px;
  text-align: center;
}

.alt-warning {
  background: #feba16;
  color: #fff;
}
.alt-warning p {
  padding: 5px;
}
.alt-warning p a, .alt-warning p a:hover, .alt-warning p a:focus, .alt-warning p a:active {
  color: #fff;
  text-decoration: underline;
  font-weight: 700;
}

#warning-block {
  background: #feba16;
  padding: 0.5rem 0.125rem;
}
#warning-block h3 {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  font-weight: 700;
}
#warning-block a {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.25rem;
  font-weight: 700;
}

/* The Modal (background) */
.modal, #mask {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 50;
  /* Sit on top */
  padding-top: 0;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100vw;
  /* Full width */
  height: 100vh;
  /* Full height */
  overflow: hidden;
  /* Enable scroll if needed */
  background-color: white;
  /* Fallback color */
  background-color: rgba(255, 255, 255, 0.85);
  /* Black w/ opacity */
}

.badge-list .column {
  padding: 1rem 0;
  cursor: pointer;
  cursor: hand;
}
.badge-list .column img {
  padding-bottom: 1rem;
  margin: 0 auto;
}
.badge-list .column h5 {
  color: #6257ec;
  font-weight: 700;
}

.modal_link {
  cursor: hand;
  cursor: pointer;
}

.back-btn {
  padding: 15px;
  position: relative;
  -moz-transition: all 0.5s 0s, color 0.5s;
  -o-transition: all 0.5s 0s, color 0.5s;
  -webkit-transition: all 0.5s 0s, color 0.5s;
  transition: all 0.5s 0s, color 0.5s;
}
@media print, screen and (min-width: 40em) {
  .back-btn::before {
    -moz-transition: all 0.5s 0s, color 0.5s;
    -o-transition: all 0.5s 0s, color 0.5s;
    -webkit-transition: all 0.5s 0s, color 0.5s;
    transition: all 0.5s 0s, color 0.5s;
    content: "";
    position: absolute;
    right: calc(50% - 24px);
    top: calc(50% - 25px);
    z-index: -1;
    width: 42px;
    height: 42px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 99px;
    background-color: #feba16;
    opacity: 0.2;
  }
}
.back-btn:hover::before, .back-btn:active::before, .back-btn:focus::before {
  transform: scale(1.25);
}
.back-btn:hover::before svg .back-svg:hover, .back-btn:hover::before svg .back-svg:active, .back-btn:hover::before svg .back-svg:focus, .back-btn:active::before svg .back-svg:hover, .back-btn:active::before svg .back-svg:active, .back-btn:active::before svg .back-svg:focus, .back-btn:focus::before svg .back-svg:hover, .back-btn:focus::before svg .back-svg:active, .back-btn:focus::before svg .back-svg:focus {
  stroke: #6257ec;
}
.back-btn svg {
  height: auto;
  max-height: 30px;
  height: 40px;
}
.back-btn svg .back-svg {
  fill: none;
  stroke: #999AED;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 30px;
  -moz-transition: all 0.5s 0s, color 0.5s;
  -o-transition: all 0.5s 0s, color 0.5s;
  -webkit-transition: all 0.5s 0s, color 0.5s;
  transition: all 0.5s 0s, color 0.5s;
}
.back-btn svg .back-svg:hover, .back-btn svg .back-svg:active, .back-btn svg .back-svg:focus {
  stroke: #6257ec;
}

.save {
  bottom: 0;
  right: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.35) !important;
  color: #fff;
  display: none;
}

.back {
  margin-top: 20px;
  line-height: 30px;
  text-align: center;
  color: #52439b;
  border: 3px solid #52439b;
  border-radius: 999px;
  width: 40px;
  height: 40px;
  display: block;
  font-size: 28px;
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
}
.back:hover, .back:focus {
  text-decoration: none;
  background: #52439b;
  color: #fff;
}

.reveal {
  position: relative;
  background: #E7E7F7;
  border: none;
  color: #302952;
  font-weight: 700;
  padding: 2rem 1rem;
  margin-top: 0;
  border-radius: 12px;
  box-shadow: 0px 0px 8px 0 #909090;
}
.reveal img {
  padding-bottom: 1rem;
}
.reveal h2 {
  color: #6257ec;
  font-family: "Poppins", sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
}
.reveal h3 {
  color: #302952;
}
.reveal h4 {
  color: #302952;
  margin: 0.635rem 0;
  white-space: inherit;
}
.reveal p {
  color: #302952;
}
.reveal p.byline {
  color: #302952;
  font-weight: 700;
}
.reveal label {
  text-align: left;
  color: #52439b;
}
.reveal .close {
  right: 10px;
  top: 10px;
  color: #00ab91;
  text-align: right;
}
.reveal table.table thead td, .reveal table.table thead th {
  color: #302952;
}
.reveal table.table tbody td {
  color: #302952;
}
.reveal table.table tbody tr:nth-child(even) {
  background: none;
}
.reveal table.table tfoot td {
  background: none;
  color: #302952;
}
.reveal table.table-modal-white thead td, .reveal table.table-modal-white thead th, .reveal table.table-modal-white tbody td, .reveal table.table-modal-white tbody th, .reveal table.table-modal-white tfoot td, .reveal table.table-modal-white tfoot th {
  color: #302952;
}
.reveal table.table-modal-white tfoot td {
  padding: 5px;
  border: none;
}

.table-modal-white tfoot {
  color: #302952;
}
.table-modal-white tfoot tr td {
  border: none;
  padding: 5px 10px;
}

.reveal-overlay {
  background-color: rgba(255, 255, 255, 0.85);
}

.circ-icon {
  background: #00ab91;
  color: #fff;
  line-height: 30px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  border-radius: 999px;
  font-size: 18px;
  width: 30px;
  height: 30px;
  margin-right: 0.5rem;
}

.interest.circ-icon {
  content: "";
  margin-right: 0;
  background: #909090;
  margin-right: 0.5rem;
}

.interest.icon-check {
  background: #00ab91;
  line-height: 30px;
  text-align: center;
}

.interest input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
.interest input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
.interest input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
.interest input[type=checkbox] + label:focus {
  border: 2px solid red;
}
.interest input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
.interest input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
.interest input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
.interest input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
.interest input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
.interest input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
.interest input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}

.select input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
.select input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
.select input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
.select input[type=checkbox] + label:focus {
  border: 2px solid red;
}
.select input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
.select input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
.select input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
.select input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
.select input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
.select input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
.select input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}

.select2-container--default {
  width: 100%;
  max-width: 100%;
  font-weight: 700;
}

.dropdown .select2-results__option--highlighted {
  background-color: #E7E7F7;
  color: #52439b;
  font-weight: 700;
}

.select2-selection--single {
  border-radius: 8px;
  border: none;
  height: auto;
  background: #fff;
  border: 2px solid #999AED;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  height: auto !important;
  padding: 16px;
  letter-spacing: 0.03rem;
}

.select2-search__field {
  border: 2px solid #BC18F2 !important;
  border-radius: 12px;
  padding: 10px 7.5%;
  font-size: 0.85rem;
  line-height: 1rem;
  height: auto;
  margin-top: 0.635rem;
  margin-bottom: 0.635rem;
}

.select2-selection__rendered {
  line-height: initial !important;
  font-weight: 700;
  color: #302952;
}

.select2-selection__arrow {
  top: 16px !important;
}

.redeem-accept input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
.redeem-accept input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
.redeem-accept input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
.redeem-accept input[type=checkbox] + label:focus {
  border: 2px solid red;
}
.redeem-accept input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
.redeem-accept input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
.redeem-accept input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
.redeem-accept input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
.redeem-accept input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
.redeem-accept input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
.redeem-accept input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}
.redeem-accept input[type=checkbox] + label > span {
  background: #e8e8e8;
  display: inline-block;
  vertical-align: top;
}

.host-confirm, .host-empty-wrapper {
  margin-top: 2rem;
}
.host-confirm input[type=checkbox], .host-empty-wrapper input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
.host-confirm input[type=checkbox]:focus, .host-empty-wrapper input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
.host-confirm input[type=checkbox] + label, .host-empty-wrapper input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
.host-confirm input[type=checkbox] + label:focus, .host-empty-wrapper input[type=checkbox] + label:focus {
  border: 2px solid red;
}
.host-confirm input[type=checkbox] + label.disabled, .host-empty-wrapper input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
.host-confirm input[type=checkbox] + label.disabled > span, .host-empty-wrapper input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
.host-confirm input[type=checkbox] + label.disabled h3, .host-empty-wrapper input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
.host-confirm input[type=checkbox] + label.disabled .address-wrapper, .host-empty-wrapper input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
.host-confirm input[type=checkbox] + label > span, .host-empty-wrapper input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
.host-confirm input[type=checkbox]:checked + label > span, .host-empty-wrapper input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
.host-confirm input[type=checkbox]:checked + label > span:before, .host-empty-wrapper input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}
.host-confirm label, .host-empty-wrapper label {
  color: #302952;
  font-size: 1.05rem;
}

#guesttable .editstatus input[type=checkbox], #guesttable #select-all input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
#guesttable .editstatus input[type=checkbox]:focus, #guesttable #select-all input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
#guesttable .editstatus input[type=checkbox] + label, #guesttable #select-all input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
#guesttable .editstatus input[type=checkbox] + label:focus, #guesttable #select-all input[type=checkbox] + label:focus {
  border: 2px solid red;
}
#guesttable .editstatus input[type=checkbox] + label.disabled, #guesttable #select-all input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
#guesttable .editstatus input[type=checkbox] + label.disabled > span, #guesttable #select-all input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
#guesttable .editstatus input[type=checkbox] + label.disabled h3, #guesttable #select-all input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
#guesttable .editstatus input[type=checkbox] + label.disabled .address-wrapper, #guesttable #select-all input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
#guesttable .editstatus input[type=checkbox] + label > span, #guesttable #select-all input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
#guesttable .editstatus input[type=checkbox]:checked + label > span, #guesttable #select-all input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
#guesttable .editstatus input[type=checkbox]:checked + label > span:before, #guesttable #select-all input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}

.gift-confirm input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
.gift-confirm input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
.gift-confirm input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
.gift-confirm input[type=checkbox] + label:focus {
  border: 2px solid red;
}
.gift-confirm input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
.gift-confirm input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
.gift-confirm input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
.gift-confirm input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
.gift-confirm input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
.gift-confirm input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
.gift-confirm input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}
.gift-confirm label {
  color: #302952;
  font-size: 1.5rem;
}
.gift-confirm input[type=checkbox] + label > span {
  background: #909090;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
}

.disabled {
  color: #909090 !important;
}

.shipto input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
.shipto input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
.shipto input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
.shipto input[type=checkbox] + label:focus {
  border: 2px solid red;
}
.shipto input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
.shipto input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
.shipto input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
.shipto input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
.shipto input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
.shipto input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
.shipto input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}
.shipto input[type=checkbox] + label > span {
  background: #e8e8e8;
}
.shipto h2 {
  color: #52439b;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-weight: 700;
}
.shipto span {
  vertical-align: middle;
}
.shipto .address-wrapper {
  margin-left: 50px;
}
.shipto .address-wrapper .input-sm {
  margin-bottom: 20px;
}

.header-circle {
  margin: 1rem auto 3rem auto;
  background: #52439b;
  color: #fff;
  border-radius: 9999px;
  font-size: 2.25rem;
  width: 200px;
  height: 200px;
  text-transform: uppercase;
}
.header-circle > span {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
}
.header-circle > span > span {
  display: block;
  font-size: 1rem;
}

.pull {
  background: #feba16;
  color: #fff;
  margin-top: 2rem;
  padding: 1rem 2rem;
}

.has-tip {
  border-bottom: none;
  display: initial;
  font-weight: normal;
}

.tooltip h3 {
  margin: 5px 0;
}

.loader {
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999999;
  left: 0;
  top: 0;
  overflow: hidden;
}

.loader i {
  border-style: solid;
  display: inline-block;
  box-sizing: border-box;
  border-width: 50px;
  border-radius: 50px;
  height: 100px;
  width: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
  border-color: #52439b;
  border-color: #52439b;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#052439b,endColorstr=#052439b)";
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.5s infinite ease-in-out;
  animation: sk-scaleout 1.5s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.rotate > .icon {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.btn-personal-order {
  color: #6257ec;
  font-weight: 700;
  cursor: hand;
  cursor: pointer;
}

.btn-contact {
  display: inline-block;
}

.callout.grid-x {
  margin: 0 0 1rem 0;
}
.callout h2 {
  margin-bottom: 0;
}
.callout p {
  margin-bottom: 0;
  line-height: 1.5;
}
.callout .btn {
  min-width: auto;
}
.callout .btn-default {
  background: #fff;
  padding: 0.35rem 1rem;
  border-radius: 99px;
  transition: all 0.5s ease;
}
.callout .btn-default:focus, .callout .btn-default:active, .callout .btn-default:hover {
  background: #6257ec;
  color: #fff;
}
.callout a {
  color: #BC18F2;
  text-decoration: underline;
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
}
.callout a:focus, .callout a:active, .callout a:hover {
  color: #6257ec;
  text-decoration: underline;
}
.callout .btn-info {
  color: #00ab91;
  text-decoration: none;
}
.callout .btn-info:focus, .callout .btn-info:active, .callout .btn-info:hover {
  color: #fff;
  text-decoration: none;
}

.callout-bg {
  background: #e8e8e8;
  padding: 1rem;
  margin: 1rem 0;
}
.callout-bg .btn-alt {
  display: inline-block;
  margin: 0 1rem;
}

.warning-callout {
  border: 2px solid #feba16;
  background: #fff;
}

.social-links {
  margin-bottom: 2rem;
}
.social-links svg {
  width: 2rem;
  margin: 0 0.5rem;
}
.social-links .fa-facebook-f {
  width: 1.5rem;
}
.social-links .fa-twitter {
  width: 2.25rem;
}
.social-links .fa-instagram {
  width: 2.25rem;
}

@media print {
  .medium-1 {
    width: 8.33333%;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-12 {
    width: 100%;
  }

  .table td {
    padding: 5px;
  }

  .profile-header {
    display: none;
  }
}
#wpadminbar {
  display: none;
}

@page {
  size: 8.5in 11in;
  /* you can also specify margins here: */
  margin: 0 0.25in;
}
.inventory h1, .inventory h2 {
  break-after: avoid-page;
}
.inventory h2 {
  margin: 15px 0 7px;
  font-size: 2.25rem;
  color: #6257ec !important;
}
.inventory table {
  border: none;
  margin: 0;
}
.inventory table thead, .inventory table tbody {
  border: none;
  background: none;
}
.inventory table thead th, .inventory table thead td, .inventory table tbody th, .inventory table tbody td {
  padding: 0;
}
.inventory table tbody tr:nth-child(even) {
  background: transparent;
}
.inventory table tbody td {
  width: 50%;
}
.inventory .inventory-footer {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #fff;
}

.inventory-list .group > .grid-x {
  break-after: avoid-page;
}
.inventory-list .group .inventory-row {
  break-inside: avoid;
}
.inventory-list .group .row-0 {
  page-break-before: avoid;
}

.inventory-grid h3 {
  color: #6257ec !important;
}

/* Layout */
.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }

  .medium-order-2 {
    order: 2;
  }

  .medium-order-3 {
    order: 3;
  }
}
.page-wrapper {
  width: 100%;
  min-height: calc(100vh - 65px);
  flex: auto;
}
@media print, screen and (max-width: 63.99875em) {
  .page-wrapper {
    flex: auto;
    overflow-y: auto;
  }
}
@media print, screen and (min-width: 40em) {
  .page-wrapper {
    height: 100%;
  }
}

.page-info-helper {
  display: inline-block;
  width: 20px;
  position: relative;
  vertical-align: super;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #52439b;
  line-height: 40px;
  margin: -20px 5px 0 5px;
  font-size: 1.25rem;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
}
.page-info-helper::before {
  content: "";
  position: absolute;
  right: calc(50% - 14px);
  top: calc(50% - 14px);
  z-index: -1;
  width: 28px;
  height: 28px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #feba16;
  opacity: 0.2;
}

#page-info {
  display: none;
  min-height: 100vh;
}
#page-info button.closehelp {
  cursor: hand;
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: #52439b;
  font-size: 1.05rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
#page-info button.closehelp svg {
  padding: 5px;
  height: 30px;
}
@media print, screen and (min-width: 64em) {
  #page-info {
    z-index: 999;
    position: relative;
    background: white;
    border: 1px solid #6257ec;
    border-radius: 8px;
    min-height: 25vh;
    padding: 2rem 1rem;
    margin: -0.325rem auto 0 auto;
    max-width: 75vw;
    box-shadow: 0px 0px 24px -6px #52439b;
  }
  #page-info hr {
    display: none;
  }
}

@media print, screen and (min-width: 64em) {
  .main {
    margin-left: 16.66667%;
  }

  .footer {
    margin-left: 16.66667%;
    width: 83.3333333333%;
    border-top: 1px solid #52439b;
  }
}
@media print, screen and (min-width: 64em) {
  .content-section {
    margin-left: 16.666667%;
  }
}

.wrapper {
  position: relative;
  padding-bottom: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-flow: column !important;
  flex: 1 0 auto;
}
@media print, screen and (min-width: 64em) {
  .wrapper {
    flex-flow: row wrap !important;
  }
}

.fixed-adj {
  padding-bottom: 75px;
}
@media print, screen and (min-width: 64em) {
  .fixed-adj {
    margin-bottom: inherit;
    padding-bottom: inherit;
  }
}

#fixed-bottom {
  position: fixed;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #BC18F2;
  z-index: 100;
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
#fixed-bottom ul {
  margin: 0;
  padding: 0;
}
#fixed-bottom .btn-main {
  min-width: 190px;
  max-width: 300px;
  margin: 10px 0;
  overflow: visible;
  line-height: 1.5rem;
  padding: 0.625rem 1.25rem;
  width: 94%;
}
@media print, screen and (min-width: 64em) {
  #fixed-bottom .btn-main {
    width: auto;
    margin: 1rem 0;
    line-height: 2rem;
    padding: 0.9375rem 1.25rem;
  }
}
#fixed-bottom .action-btn, #fixed-bottom .back-btn, #fixed-bottom .info-btn {
  text-align: center;
  cursor: hand;
  cursor: pointer;
}
#fixed-bottom .info-btn, #fixed-bottom .back-btn {
  font-size: 0.85rem;
}
#fixed-bottom .back-btn {
  padding-top: 5px;
  padding-bottom: 0;
}
#fixed-bottom .back-btn svg {
  height: auto;
  max-height: 30px;
}
#fixed-bottom .back-btn svg .back-svg {
  fill: none;
  stroke: #999AED;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 30px;
}
#fixed-bottom .back-btn svg .back-svg:hover, #fixed-bottom .back-btn svg .back-svg:active, #fixed-bottom .back-btn svg .back-svg:focus {
  stroke: #6257ec;
}
#fixed-bottom .info-btn span {
  display: inline-block;
  position: relative;
  margin: 0.15rem 0.625rem 0.15rem 0;
  font-family: "Prata", serif;
}
#fixed-bottom .info-btn span::before {
  content: "";
  position: absolute;
  right: calc(50% - 21px);
  top: calc(50% - 22px);
  z-index: -1;
  width: 42px;
  height: 42px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #feba16;
  opacity: 0.2;
}
@media print, screen and (min-width: 40em) {
  #fixed-bottom {
    position: initial;
    border-top: none;
    padding-left: 1.625rem;
    padding-right: 1.625rem;
  }
  #fixed-bottom .action-btn {
    text-align: left;
    margin: 2vh 0;
  }
  #fixed-bottom .back-btn {
    display: none;
  }
  #fixed-bottom .info-btn {
    display: none;
  }
}
#fixed-bottom .cat-wrapper {
  height: auto;
}
#fixed-bottom .tabs {
  border: none;
}

.tiny-icon {
  height: 16px;
}

.small-icon {
  height: 30px;
}

.medium-icon {
  height: 45px;
}

.circ-indicator {
  position: relative;
  display: inline-block;
  border-radius: 999px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  width: 30px;
  color: #6257ec;
}
.circ-indicator::before {
  content: "";
  position: absolute;
  right: calc(50% - 15px);
  top: calc(50% - 15px);
  z-index: -1;
  width: 30px;
  height: 30px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #feba16;
  opacity: 0.2;
}
.circ-indicator.APPENDGUEST {
  color: #fff;
}
.circ-indicator.APPENDGUEST::before {
  background-color: #00ab91;
  opacity: 1;
}
.circ-indicator.host::before {
  background-color: #6257ec;
}
.circ-indicator .complete-icon {
  color: #fff;
  font-size: 1rem;
}

.tabs {
  margin: 0 auto !important;
  border: none;
}
.tabs .event-link-block {
  display: block;
  font-size: 1.05rem;
  background: #E7E7F7;
  color: #6257ec;
  border-radius: 12px;
  text-align: center;
  padding: 2.25rem 0;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  text-deceoration: none;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
  -moz-transition: box-shadow 0.25s 0s, color 0.25s;
  -o-transition: box-shadow 0.25s 0s, color 0.25s;
  -webkit-transition: box-shadow 0.25s 0s, color 0.25s;
  transition: box-shadow 0.25s 0s, color 0.25s;
}
.tabs .event-link-block:hover, .tabs .event-link-block:focus, .tabs .event-link-block:active {
  box-shadow: 0px 0px 16px 0 #909090;
}
.tabs .event-link-block:hover, .tabs .event-link-block:focus, .tabs .event-link-block:active {
  background: #E7E7F7;
  box-shadow: 0px 0px 16px 0 #909090;
  color: #6257ec;
}
.tabs .event-link-block:focus, .tabs .event-link-block[aria-selected=true] {
  background: #E7E7F7;
  color: #6257ec;
}

.tabs-content {
  color: #302952;
  border: none;
}

.card {
  color: #302952;
}

.sq-card {
  background: #E7E7F7;
  border: none;
  border-radius: 12px;
  padding: 0.635rem;
  position: relative;
  color: #302952;
  background-color: #C9EDE8;
}
.sq-card.no-bg {
  background: none;
  border: none;
}
.sq-card p {
  color: #302952;
}
.sq-card h2 {
  color: #302952;
  font-size: 1.5rem;
  margin: 0.635rem 0;
}
.sq-card h3 {
  color: #BC18F2;
  margin-top: 0;
}
.sq-card h4 {
  color: #302952;
}
.sq-card .card-label {
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}
.sq-card .icon {
  max-width: 84px;
}
.sq-card .float-icon {
  position: absolute;
  right: 0.9375rem;
}
.sq-card .neg {
  color: #D45E5E;
}
.sq-card .pos {
  color: #00ab91;
}
.sq-card .no-change {
  color: #909090;
}
.sq-card .big h3 {
  font-size: 2.25rem;
}
.sq-card .big h4 {
  font-size: 1.05rem;
}
.sq-card .big.vert {
  margin-bottom: 1rem;
}
.sq-card .big.vert h3 {
  padding: 0.35rem 0;
  line-height: 1;
}
.sq-card .big.vert.secondary {
  margin-top: 0;
}
.sq-card a {
  text-decoration: underline;
  color: #302952;
}
.sq-card a:hover, .sq-card a:active, .sq-card a:focus {
  color: #BC18F2;
}
.sq-card .block-header {
  font-size: 1.5rem;
  color: #6257ec;
  margin: 0.635rem 0;
}
.sq-card .secondary {
  margin-top: 1.635rem;
}
.sq-card .secondary h3 {
  font-size: 1.5rem;
}
.sq-card .icon-link {
  height: 24px;
}
.sq-card button {
  margin: 0.635rem 0;
}
.sq-card .hidden {
  display: none;
}
.sq-card .row {
  padding: 0.635rem 0;
}
.sq-card .row .name {
  font-weight: 700;
}
.sq-card .row.match {
  color: #BC18F2;
}

.tabs-panel {
  padding: 1rem 0;
}
.tabs-panel .tab-pane {
  margin-bottom: 40px;
}

#notification-wrapper {
  position: relative;
}
#notification-wrapper #notification-counter {
  position: relative;
  margin: 0.5rem 0.625rem 0.5rem 0;
  height: 48px;
  line-height: 40px;
  display: inline-block;
  font-weight: 700;
  color: #6257ec;
  font-size: 1rem;
  border-radius: 999px;
  cursor: hand;
  cursor: pointer;
  outline: none;
}
#notification-wrapper #notification-counter::before {
  content: "";
  position: absolute;
  right: calc(50% - 21px);
  top: calc(50% - 22px);
  z-index: -1;
  width: 42px;
  height: 42px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
}
#notification-wrapper .notification-panel {
  display: none;
  background: #E7E7F7;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  color: #302952;
  overflow: visible;
  position: absolute;
  top: 70px;
  right: 5px;
  width: 95vw;
  z-index: 999;
  height: 80vh;
  text-align: left;
}
#notification-wrapper .notification-panel::after {
  content: "";
  position: absolute;
  top: -30px;
  right: 15px;
  border: 15px solid transparent;
  border-bottom-color: #E7E7F7;
  display: block;
  width: 0;
}
@media print, screen and (min-width: 64em) {
  #notification-wrapper .notification-panel {
    overflow: scroll;
    height: 75vh;
    min-width: 400px;
    width: 25vw;
    right: -5px;
  }
  #notification-wrapper .notification-panel::after {
    right: 15px;
  }
}
#notification-wrapper .notification-panel .notification-header {
  border-bottom: 1px solid #302952;
  padding: 0.5rem 0.625rem;
}
#notification-wrapper .notification-panel h2 {
  color: #6257ec;
  margin-bottom: 0;
}
#notification-wrapper .notification-panel .view-button {
  position: absolute;
  bottom: 0;
  text-align: center;
  background: #E7E7F7;
  width: 100%;
  padding: 0.25rem;
  border-top: 1px solid #52439b;
}
#notification-wrapper .notification-panel #notificationlist {
  list-style-type: none;
  margin: 0;
  position: relative;
  overflow-y: scroll;
  height: calc(80vh - 72px);
}
#notification-wrapper .notification-panel #notificationlist li {
  font-size: 1rem;
  line-height: 1.4;
  padding: 0.325rem 0.5rem;
  background: #E7E7F7;
  border-bottom: 1px solid #6257ec;
}
#notification-wrapper .notification-panel #notificationlist li .notification-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #52439b;
  display: block;
  margin-right: 0.625rem;
}
#notification-wrapper .notification-panel #notificationlist li .description {
  font-weight: 700;
  display: block;
}
#notification-wrapper .notification-panel #notificationlist li .posted {
  font-size: 0.85rem;
}

.menu li a.btn-main {
  line-height: 2rem;
  display: inline-block;
}

.color-calendar {
  width: 100%;
}
.color-calendar.basic {
  background: none;
  box-shadow: none;
}
.color-calendar.basic .calendar__header, .color-calendar.basic .calendar__weekdays, .color-calendar.basic .calendar__days {
  grid-template-columns: repeat(7, minmax(20px, 100%));
}
.color-calendar.basic .calendar__arrow .calendar__arrow-inner::before {
  background: url("https://tvcdn.azureedge.net/assets/icons/arrow-left.svg") no-repeat;
  height: 18px;
  width: 18px;
  border: none;
  transform: none;
  margin: 0;
}
.color-calendar.basic .calendar__arrow-next .calendar__arrow-inner::before {
  transform: rotate(180deg);
}
.color-calendar.basic .calendar__body {
  padding: 0.635rem 0.635rem 1rem 0.635rem;
  background-color: #E7E7F7;
  box-shadow: none;
  border-radius: 12px;
}
.color-calendar.basic .calendar__body .calendar__weekdays {
  font-family: "Poppins", sans-serif;
  border-bottom: 1px solid #BC18F2;
}
.color-calendar.basic .calendar__body .calendar__weekdays .calendar__weekday {
  font-weight: 700;
  color: #909090;
}
.color-calendar.basic .calendar__header {
  padding: 0;
}
.color-calendar.basic .calendar__days .calendar__day-today .calendar__day-box {
  border-radius: 99%;
}
.color-calendar.basic .calendar__days .calendar__day-selected {
  color: #6257ec;
}
.color-calendar.basic .calendar__days .calendar__day-selected .calendar__day-box {
  background: #fff;
  color: #52439b;
  border-radius: 99%;
  box-shadow: none;
}
.color-calendar.basic .calendar__monthyear {
  font-family: "Poppins", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #302952;
}
.color-calendar.basic .calendar__days .calendar__day-bullet {
  display: none;
}
.color-calendar .calendar__days {
  grid-template-rows: repeat(5, minmax(30px, 40px)) !important;
}
.color-calendar .calendar__day-other:nth-last-child(-n+7) {
  display: none !important;
  visibility: hidden;
  height: 1px;
}
.color-calendar .catWrap {
  position: absolute;
  top: 75%;
}
.color-calendar .catWrap .calCat {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #6257ec;
  border-radius: 99px;
  margin: 0 1px;
}
.color-calendar .catWrap .calCat.regional {
  background-color: #FFEDED;
}
.color-calendar .catWrap .calCat.harvest {
  background-color: #FFEDED;
}
.color-calendar .catWrap .calCat.training {
  background-color: #FFEDED;
}
.color-calendar .catWrap .calCat.awg {
  background-color: #FFEDED;
}
.color-calendar .catWrap .calCat.tob {
  background-color: #FFEDED;
}
.color-calendar .catWrap .calCat.meetup {
  background-color: #BC18F2;
}
.color-calendar .catWrap .calCat.Tasting {
  background-color: #feba16;
}
.color-calendar .catWrap .calCat.Commission {
  background-color: #00ab91;
}

.cal-badge {
  background: #E7E7F7;
  border-radius: 12px;
  margin: 0.635rem 0;
  padding: 0.635rem 0;
}
.cal-badge img {
  height: 24px;
}
.cal-badge h3, .cal-badge p {
  margin: 0;
}
.cal-badge.regional {
  background-color: #FFEDED;
}
.cal-badge.harvest {
  background-color: #FFEDED;
}
.cal-badge.training {
  background-color: #FFEDED;
}
.cal-badge.awg {
  background-color: #FFEDED;
}
.cal-badge.tob {
  background-color: #FFEDED;
}
.cal-badge.meetup {
  background-color: #FFEDED;
}
.cal-badge.Tasting {
  background-color: #fff1d6;
}
.cal-badge.Commission {
  background-color: #C9EDE8;
}

.callout {
  border: none;
  background: #E7E7F7;
  padding: 1.325rem;
  color: #52439b;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  border-radius: 12px;
  margin-top: 0.625rem;
}
.callout .section-wrapper span {
  color: #909090;
  font-size: 1rem;
}

/* Modal Content */
.modal_window {
  display: none;
  position: fixed;
  overflow: auto;
  background-color: #6257ec;
  margin: auto;
  padding: 0px;
  width: 95%;
  right: -100%;
  top: 0;
  z-index: 1001;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .modal_window {
    width: 50%;
  }
}
.modal_window .modal-content.faved:hover, .modal_window .modal-content.faved:focus, .modal_window .modal-content.faved:active {
  box-shadow: none !important;
  border-radius: 0 !important;
}
.modal_window p {
  color: #fff;
}
.modal_window h2 {
  font-family: "Prata", serif;
  font-weight: 400;
  text-align: left;
  color: #fff;
  padding: 20px 0 10px 0;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.modal_window h3 {
  color: #feba16;
  font-weight: 700;
}
.modal_window h4 {
  font-size: 1.05rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: #fff;
}
.modal_window h5 {
  color: #fff !important;
}
.modal_window .verify {
  margin-bottom: 1rem;
}
.modal_window #defaultaddress {
  position: fixed;
  bottom: 0;
  background: #6257ec;
}
.modal_window #defaultaddress .cell {
  min-width: 290px;
}
.modal_window #defaultaddress .btn-alt {
  background: #E7E7F7;
  color: #909090;
  font-weight: 700;
  min-width: 150px;
}
.modal_window #defaultaddress .btn-alt:hover {
  text-decoration: none;
}
.modal_window .btn-alt {
  background: #00ab91;
  color: #fff;
  font-weight: 700;
  min-width: 150px;
  border: none;
}
.modal_window .btn-alt:hover {
  text-decoration: none;
}
.modal_window .prod-img {
  background: #fff;
  margin-top: 20px;
}
.modal_window .prod-img .multi {
  display: inline-block;
  padding: 0;
  width: 50%;
}
.modal_window .modal-body {
  padding: 0 10px 40px 0;
  color: #fff;
}
.modal_window .modal-body .error-wrapper {
  border: 0;
  padding: inherit;
  border-radius: 0;
  margin-bottom: inherit;
}
.modal_window .modal-body a {
  color: #fff;
}
.modal_window .modal-body a:hover, .modal_window .modal-body a:focus, .modal_window .modal-body a:active {
  text-decoration: underline;
}
.modal_window .modal-body ul {
  list-style-type: none;
  margin-left: 0;
}
.modal_window .modal-body ul li {
  margin: 5px 0;
}
.modal_window .modal-body .item {
  margin-bottom: 1.635rem;
}
.modal_window .modal-body .item:hover, .modal_window .modal-body .item:focus {
  background: none;
  box-shadow: none !important;
  border-radius: none;
}
.modal_window .modal-body .item .btn-apply-reward:disabled {
  background: #e8e8e8;
  color: #909090;
}
.modal_window .modal-body .item .strike {
  text-decoration: line-through;
}
.modal_window .modal-body .table tr, .modal_window .modal-body .table th {
  background: transparent;
  color: #fff;
}
.modal_window .modal-body form.search-table {
  border-color: #fff;
}
.modal_window .modal-body form.search-table button#search-term {
  background-color: #999AED;
}
.modal_window .modal-body form.search-table button#search-term span {
  stroke: #fff;
}
.modal_window .modal-body form.search-table input[type=search] {
  color: #fff;
}
.modal_window .modal-body form.search-table .floating-label label {
  color: #fff;
}
.modal_window .modal-body form.search-table input::placeholder {
  color: #fff;
}
.modal_window .modal-body form.search-table .floating-label input:not(:placeholder-shown) + label {
  color: #E7E7F7;
}
.modal_window .modal-body .dt-buttons {
  text-align: center;
}
.modal_window .modal-body .download-link {
  font-size: 0.85rem;
}
.modal_window .modal-body .dataTables_paginate .paginate_button {
  color: #302952;
}
.modal_window .modal-body .dataTables_paginate .paginate_button:hover, .modal_window .modal-body .dataTables_paginate .paginate_button:focus, .modal_window .modal-body .dataTables_paginate .paginate_button:active {
  text-decoration: none;
}

tr.group td {
  background: #E7E7F7;
  color: #6257ec;
  font-weight: 700;
  text-align: center;
  padding: 25px 10px;
}

/* The Close Button */
.close {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 34px;
  font-weight: 700;
  cursor: pointer;
  cursor: hand;
}
.load-status {
  background: #fff1d6;
  border-radius: 99px;
  padding: 0.635rem;
}

#toolbar {
  display: none;
  background: #fff;
  color: #302952;
  padding: 0;
  border-bottom: 1px solid #6257ec;
}
@media print, screen and (max-width: 63.99875em) {
  #toolbar {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    padding: 2px;
  }
}
#toolbar button {
  background: none;
  border: none;
  font-size: 0.65rem;
  text-transform: uppercase;
  vertical-align: middle;
}
#toolbar .hamburger {
  width: 30px;
  height: 20px;
  text-align: center;
  margin: 0 auto;
}
#toolbar .hamburger span {
  display: block;
  background: #52439b;
  margin: 6px auto 0 auto;
  height: 2px;
  border-radius: 99px;
}

.link-grid .link {
  border-radius: 8px;
  margin-top: 1.625rem;
  padding: 1.625rem;
}
.link-grid .link h2 {
  margin-bottom: 0;
}
.link-grid .link:focus, .link-grid .link:hover, .link-grid .link:active {
  background: #E7E7F7;
}

.profile-row a:hover {
  border-radius: 99px;
}

.profile-header {
  flex: 1 0 10%;
  border-bottom: 1px solid #E7E7F7;
  margin-bottom: 1rem;
  color: #302952;
}
@media print, screen and (min-width: 64em) {
  .profile-header {
    height: 65px;
    border-bottom: none;
    margin-bottom: 0;
  }
}
.profile-header button {
  background: none;
  border: none;
  font-size: 0.65rem;
  text-transform: uppercase;
}
.profile-header .hamburger {
  width: 30px;
  height: 20px;
  text-align: center;
  margin: 0 auto;
}
.profile-header .hamburger span {
  display: block;
  background: #52439b;
  margin: 6px auto 0 auto;
  height: 2px;
  border-radius: 99px;
}
.profile-header .hamburger svg {
  max-height: 30px;
}

footer {
  position: relative;
  min-height: 42px;
  background: #fff;
  overflow: auto;
  color: #302952;
  text-align: center;
}
footer p {
  margin: 0.5rem;
}
footer a {
  color: #6257ec;
  font-weight: bold;
  padding: inherit 10px;
}
footer a:hover {
  color: #BC18F2;
}

.fullscreen .sidebar {
  display: none;
}
.fullscreen #header-bar, .fullscreen .slick-dots {
  width: 100% !important;
  margin-left: 0 !important;
  left: 0 !important;
}
.fullscreen .grid-container {
  max-width: 100vw !important;
}
.fullscreen .slick-arrow.slick-prev {
  left: 15px !important;
}
.fullscreen .content-section {
  margin-left: 0;
}
.fullscreen .footer {
  display: none;
}

.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.cell.auto {
  flex: 1 1 0;
}
.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}
.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.3333333333%;
}

.grid-x > .small-2 {
  width: 16.6666666667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.3333333333%;
}

.grid-x > .small-5 {
  width: 41.6666666667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.3333333333%;
}

.grid-x > .small-8 {
  width: 66.6666666667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.3333333333%;
}

.grid-x > .small-11 {
  width: 91.6666666667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0;
    width: auto;
  }

  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex: 0 0 auto;
  }

  .grid-x > .medium-shrink {
    width: auto;
  }

  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }

  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }

  .grid-x > .medium-3 {
    width: 25%;
  }

  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }

  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }

  .grid-x > .medium-6 {
    width: 50%;
  }

  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }

  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }

  .grid-x > .medium-9 {
    width: 75%;
  }

  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }

  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }

  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0;
    width: auto;
  }

  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex: 0 0 auto;
  }

  .grid-x > .large-shrink {
    width: auto;
  }

  .grid-x > .large-1 {
    width: 8.3333333333%;
  }

  .grid-x > .large-2 {
    width: 16.6666666667%;
  }

  .grid-x > .large-3 {
    width: 25%;
  }

  .grid-x > .large-4 {
    width: 33.3333333333%;
  }

  .grid-x > .large-5 {
    width: 41.6666666667%;
  }

  .grid-x > .large-6 {
    width: 50%;
  }

  .grid-x > .large-7 {
    width: 58.3333333333%;
  }

  .grid-x > .large-8 {
    width: 66.6666666667%;
  }

  .grid-x > .large-9 {
    width: 75%;
  }

  .grid-x > .large-10 {
    width: 83.3333333333%;
  }

  .grid-x > .large-11 {
    width: 91.6666666667%;
  }

  .grid-x > .large-12 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.3333333333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.6666666667%;
}

.small-up-7 > .cell {
  width: 14.2857142857%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }

  .medium-up-2 > .cell {
    width: 50%;
  }

  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }

  .medium-up-4 > .cell {
    width: 25%;
  }

  .medium-up-5 > .cell {
    width: 20%;
  }

  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }

  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }

  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%;
  }

  .large-up-2 > .cell {
    width: 50%;
  }

  .large-up-3 > .cell {
    width: 33.3333333333%;
  }

  .large-up-4 > .cell {
    width: 25%;
  }

  .large-up-5 > .cell {
    width: 20%;
  }

  .large-up-6 > .cell {
    width: 16.6666666667%;
  }

  .large-up-7 > .cell {
    width: 14.2857142857%;
  }

  .large-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.25rem / 2);
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 1.25rem / 2);
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 1.25rem / 2);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.25rem / 2);
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 1.25rem / 2);
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 1.25rem / 2);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.25rem / 2);
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 1.25rem / 2);
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 1.25rem / 2);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.25rem / 2);
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 1.25rem / 2);
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 1.25rem / 2);
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }

  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }

  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }

  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }

  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }

  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }

  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }

  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }

  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }

  .large-offset-1 {
    margin-left: 8.3333333333%;
  }

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }

  .large-offset-2 {
    margin-left: 16.6666666667%;
  }

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }

  .large-offset-4 {
    margin-left: 33.3333333333%;
  }

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }

  .large-offset-5 {
    margin-left: 41.6666666667%;
  }

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }

  .large-offset-7 {
    margin-left: 58.3333333333%;
  }

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }

  .large-offset-8 {
    margin-left: 66.6666666667%;
  }

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }

  .large-offset-10 {
    margin-left: 83.3333333333%;
  }

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }

  .large-offset-11 {
    margin-left: 91.6666666667%;
  }

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
.grid-y {
  display: flex;
  flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}
.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .cell .medium-grid-frame {
    width: 100%;
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .cell .large-grid-frame {
    width: 100%;
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  width: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
* {
  min-height: 0;
  min-width: 0;
}

/* General Styles */
body {
  font-family: "Poppins";
  font-size: 1.05rem;
  line-height: 1.575rem;
  color: #302952;
  letter-spacing: 0.01em;
}

body.is-reveal-open {
  overflow: hidden;
}

a, .open-reveal {
  color: #BC18F2;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
  cursor: hand;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
a:hover, a:active, a:focus, .open-reveal:hover, .open-reveal:active, .open-reveal:focus {
  color: #890ab3;
  outline: none;
}
a:focus, .open-reveal:focus {
  box-shadow: 0 0 0 3px rgba(188, 24, 242, 0.2);
}

button:hover, button:active, button:focus {
  outline: none;
  box-shadow: none;
}
button:focus {
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}

p {
  font-size: 1.05rem;
  line-height: 1.8rem;
  color: #302952;
}
p.small {
  line-height: 1.5rem;
}

h1 {
  font-family: "Prata", serif;
  color: #302952;
  text-align: center;
  margin: 0;
  font-size: 1.75rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 65px;
}

h2 {
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  color: #6257ec;
  margin-bottom: 2rem;
  font-weight: 900;
  line-height: 1.2;
}

h2.sectionheader {
  background: #E7E7F7;
  font-size: 1.05rem;
  line-height: 1.47rem;
  color: #52439b;
  padding: 1rem 0.625rem;
  margin-top: 0;
  border-radius: 12px;
  margin-bottom: 1.5rem;
}
h2.preview-header {
  font-family: "Playlist-Script", cursive;
  text-transform: lowercase;
  display: inline-block;
  color: #feba16;
  transform: rotate(-8deg);
  position: relative;
  font-weight: 400;
  font-size: 3.15rem;
}

h3 {
  font-family: "Poppins", sans-serif;
  font-size: 1.05rem;
  color: #302952;
  margin: 20px 0;
  font-weight: 700;
}

h4 {
  font-family: "Poppins", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0;
  color: #6257ec;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc(100% );
  vertical-align: middle;
}

h5 {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
  color: #6257ec;
  font-weight: 700;
  margin: 0 0 0.1625rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc(100% );
  vertical-align: middle;
}

.sectiongroup {
  margin-bottom: 1rem;
}
.sectiongroup h2 {
  margin-bottom: 0;
}
.sectiongroup p {
  padding: 0 0.625rem;
}

label {
  color: #302952;
}

/* Floating Label Input */
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
  font-size: 16px;
  padding: 20px 0px;
  height: 62px;
  border: none;
  border: solid 2px #999AED;
  border-radius: 8px;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s linear;
  color: #302952;
  font-weight: 400;
  -webkit-appearance: none;
  font-family: "Poppins", sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 1.625rem;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus {
  border: solid 2px #6257ec;
  outline: 0;
  box-shadow: 0 2px 6px -8px rgba(48, 41, 82, 0.45);
}

textarea, textarea.nofloat {
  padding: 0.1625rem;
  min-height: 200px;
}

.floating-label {
  position: relative;
  margin-bottom: 10px;
  width: 98%;
}
.floating-label label {
  position: absolute;
  font-family: "Poppins", sans-serif;
  top: calc(50% - 15px);
  left: 10px;
  opacity: 0;
  transition: all 0.3s ease;
  padding-left: 10px;
  font-size: 0.85rem;
  z-index: -1;
}
.floating-label label.textarea {
  top: calc(10% - 3px);
}
.floating-label input {
  width: calc(100% - 10px);
  margin-left: auto;
  padding-left: 10px;
  display: flex;
}
.floating-label input:not(:placeholder-shown) {
  padding: 28px 0px 12px 10px;
}
.floating-label input:not(:placeholder-shown) + label {
  transform: translateY(-10px);
  z-index: 1;
  opacity: 1;
  color: #6257ec;
}
.floating-label textarea {
  width: calc(100% - 10px);
  margin-left: auto;
  padding-left: 10px;
  display: flex;
  padding-top: 14px;
  font-size: 1rem;
}
.floating-label textarea:not(:placeholder-shown) {
  padding: 24px 0px 12px 10px;
}
.floating-label textarea:not(:placeholder-shown) + label {
  transform: translateY(-10px);
  opacity: 1;
  z-index: 1;
  color: #6257ec;
}

.catwrapper {
  margin-top: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .catwrapper {
    margin-left: auto;
  }
}

.cat-wrapper {
  width: 100%;
  height: 55px;
  overflow: hidden;
  position: relative;
}
.cat-wrapper .button-group1 {
  height: 70px;
  /* 40px - more place for scrollbar, is hidden under parent box */
  padding: 10px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  border: none;
}
.cat-wrapper .button-group1 > div {
  display: inline-block;
  min-width: 50px;
  text-align: center;
}

/* Filters */
.filter-button-group {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
}
.filter-button-group button, .filter-button-group a, .filter-button-group a[aria-selected=true] {
  font-size: 1rem;
  border: 0;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  margin: 0;
  color: #BC18F2;
  background: #fff;
  padding: 10px 15px;
  text-transform: capitalize;
  line-height: inherit;
  font-weight: 900;
  margin: 1% 0;
  text-transform: capitalize;
  border-radius: 32px;
  text-decoration: none;
}
.filter-button-group button:hover, .filter-button-group button:active, .filter-button-group button:focus, .filter-button-group a:hover, .filter-button-group a:active, .filter-button-group a:focus, .filter-button-group a[aria-selected=true]:hover, .filter-button-group a[aria-selected=true]:active, .filter-button-group a[aria-selected=true]:focus {
  background: #fff;
  text-decoration: none;
  color: #52439b;
  box-shadow: none;
}
.filter-button-group button.is-active, .filter-button-group a.is-active, .filter-button-group a[aria-selected=true].is-active {
  background: #E7E7F7;
  color: #302952;
}
.filter-button-group button.is-active:hover, .filter-button-group button.is-active:focus, .filter-button-group button.is-active:active, .filter-button-group a.is-active:hover, .filter-button-group a.is-active:focus, .filter-button-group a.is-active:active, .filter-button-group a[aria-selected=true].is-active:hover, .filter-button-group a[aria-selected=true].is-active:focus, .filter-button-group a[aria-selected=true].is-active:active {
  background: #E7E7F7;
  color: #302952;
}

.filter-button-group {
  list-style-type: none;
}
.filter-button-group > div > div > div {
  margin: 0;
  padding: 1.25rem 0.125rem;
}
.filter-button-group button, .filter-button-group a, .filter-button-group a[aria-selected=true] {
  font-size: 1rem;
  border: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 0;
  color: #909090;
  background: #fff;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  line-height: inherit;
  font-weight: 900;
  margin: 0;
  text-transform: capitalize;
  border-radius: 32px;
  cursor: hand;
  cursor: pointer;
}
.filter-button-group button:hover, .filter-button-group a:hover, .filter-button-group a[aria-selected=true]:hover {
  background: #fff;
  text-decoration: none;
  color: #52439b;
}
.filter-button-group button.active, .filter-button-group a.active, .filter-button-group a[aria-selected=true].active {
  background: #BC18F2;
  color: #fff;
}

.filter {
  margin: 0.5rem auto;
}
.filter ul {
  list-style: none;
  text-align: center;
  font-size: 0;
  border: none;
  margin: 0;
  padding: 0;
}
.filter ul > li {
  float: none;
  display: inline-block;
  margin: 0 auto;
  min-width: auto;
  margin: 0 5px;
}
.filter ul > li button, .filter ul > li a, .filter ul > li a[aria-selected=true] {
  text-decoration: none;
  font-size: 1rem;
  border: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 0;
  color: #6257ec;
  background: #fff;
  padding: 10px 15px;
  text-transform: uppercase;
  line-height: inherit;
  font-weight: 800;
  margin: 1% 0;
  text-transform: capitalize;
  border-radius: 32px;
}
.filter ul > li button:hover, .filter ul > li button:active, .filter ul > li button:focus, .filter ul > li a:hover, .filter ul > li a:active, .filter ul > li a:focus, .filter ul > li a[aria-selected=true]:hover, .filter ul > li a[aria-selected=true]:active, .filter ul > li a[aria-selected=true]:focus {
  background: #fff;
  text-decoration: none;
  color: #52439b;
}
.filter ul .is-active a, .filter ul .is-active button {
  color: #302952;
  background: #E7E7F7 !important;
}

.filter-active {
  color: #302952 !important;
  background: #E7E7F7 !important;
  border-radius: 32px;
}

#mobiletabs {
  display: none;
}
@media print, screen and (max-width: 63.99875em) {
  #mobiletabs {
    display: block;
  }
}
#mobiletabs .tabs {
  border: none;
}
#mobiletabs .tabs li {
  width: 33%;
}
#mobiletabs .tabs li a {
  color: #fff;
  text-transform: uppercase;
  background: #52439b;
  text-align: center;
}
#mobiletabs .tabs-panel {
  padding: 0.5rem 0;
}
#mobiletabs .filter {
  margin: 0;
}
#mobiletabs .filter .column {
  padding: 0;
}
#mobiletabs .filter button, #mobiletabs .filter a {
  color: #52439b;
  background: #fff;
  text-transform: capitalize;
  width: 100%;
  display: block;
  padding: 0.5rem 0;
  font-weight: 800;
  width: 98%;
  margin: 1%;
}

#personal-order #coStep2, #personal-order #coStep3 {
  display: none;
}
#personal-order #coStep3 {
  font-weight: bold;
  color: #BC18F2;
}

.cart {
  bottom: 0%;
  top: 0%;
  z-index: 10;
  margin-top: 0.635rem;
}
@media print, screen and (min-width: 40em) {
  .cart {
    width: 83.3333%;
  }
}
.cart .sticky-wrapper {
  position: sticky;
  top: 1rem;
}
.cart .sticky {
  display: none;
  min-height: 100vh;
  width: 100vw;
  max-width: 100vw;
  padding-bottom: 160px;
  background: #fff;
  position: fixed;
  top: 55px;
  left: 0;
  z-index: 50;
  overflow-y: scroll;
  height: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .cart .sticky {
    top: 55px !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
@media print, screen and (min-width: 40em) {
  .cart .sticky {
    display: initial;
    min-height: initial;
    z-index: 0;
    position: initial;
    overflow: visible;
    background: transparent;
  }
  .cart .sticky.is-stuck {
    position: fixed !important;
    width: inherit;
    top: 0;
  }
  .cart .sticky.is-at-bottom {
    position: relative;
  }
}
.cart .sticky .cart-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cart .sticky .cart-list li {
  margin-bottom: 1.625rem;
}
.cart .sticky .close-cart {
  padding: 15px;
  cursor: hand;
  cursor: pointer;
}
.cart .sticky .close-cart svg {
  width: 15px;
  height: 15px;
  fill: #52439b;
  stroke: #52439b;
}
.cart .sticky .item-name {
  font-weight: 700;
}
.cart .sticky .item-name .nickname2 {
  font-size: 0.85rem;
  line-height: normal;
  color: #909090;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  margin-top: -3px;
}
.cart .sticky .sub-summary .result {
  text-align: right;
  font-weight: 700;
  margin-bottom: 0.635rem;
}
.cart .sticky #ordertotal-wrapper {
  border-top: 1px solid #BC18F2;
  padding-top: 0.635rem;
}
.cart .sticky .cart-pricing {
  font-size: 1rem;
}
.cart .payment-wrapper {
  color: #6257ec;
}
.cart .rw-warning {
  font-weight: bold;
  color: #6257ec;
  margin-top: 1rem;
  display: block;
}
.cart .box-header h3 {
  color: #6257ec;
}
@media print, screen and (min-width: 40em) {
  .cart .box-items {
    overflow-x: hidden;
    max-height: 50vh;
    position: relative;
  }
}
.cart .promo-code-wrapper {
  margin-bottom: 0.635rem;
}
.cart .promo-code-wrapper .promo-code-input {
  display: none;
}
.cart .promo-code-wrapper .floating-label {
  margin-bottom: 0;
}
.cart .promo-code-wrapper #PromoCode {
  width: 100%;
  padding: 8px 8px 0 8px;
  height: 50px;
  margin-bottom: 0;
}
.cart .promo-code-wrapper .floating-label label {
  left: 0;
}
.cart .promo-code-wrapper .btn-add-promo-code {
  display: block;
  background: #E7E7F7;
  height: 50px;
  width: 100%;
  padding: 0 5px;
  text-decoration: none;
  border-radius: 12px;
  -moz-transition: all 0.25s 0s, color 0.25s;
  -o-transition: all 0.25s 0s, color 0.25s;
  -webkit-transition: all 0.25s 0s, color 0.25s;
  transition: all 0.25s 0s, color 0.25s;
}
.cart .promo-code-wrapper .btn-add-promo-code:hover, .cart .promo-code-wrapper .btn-add-promo-code:focus, .cart .promo-code-wrapper .btn-add-promo-code:active {
  background: #6257ec;
  color: #fff;
  cursor: pointer;
}
.cart .promo-code-wrapper #add-promo-code {
  background: url("https://tvcdn.azureedge.net/assets/icons/icon-plus.svg") no-repeat #E7E7F7 10px 50%;
  background-size: 12.5%;
  font-size: 0.85rem;
  padding: 0.635rem 1rem 0.635rem 2.35rem;
  border-radius: 16px;
  font-weight: 700;
  -moz-transition: all 0.25s 0s, color 0.25s;
  -o-transition: all 0.25s 0s, color 0.25s;
  -webkit-transition: all 0.25s 0s, color 0.25s;
  transition: all 0.25s 0s, color 0.25s;
}
.cart .promo-code-wrapper #add-promo-code:hover, .cart .promo-code-wrapper #add-promo-code:focus, .cart .promo-code-wrapper #add-promo-code:active {
  background-color: #C9EDE8;
  cursor: pointer;
}
.cart .promo-code-wrapper .code {
  background: #E7E7F7;
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #BC18F2;
  padding: 0.135rem 0 0.135rem 1rem;
  border-radius: 12px;
  max-width: 130px;
  text-align: center;
  margin-left: auto;
  margin-right: 0;
}
.cart .promo-code-wrapper .code button {
  background: url(https://tvcdn.azureedge.net/assets/icons/x.svg) no-repeat 50% 50% #D45E5E;
  width: 20px;
  height: 20px;
  border: 4px solid #D45E5E;
  border-radius: 99px;
  background-size: contain;
  margin-left: 0.35rem;
  margin-right: 0;
  vertical-align: middle;
}
.cart .rewined-cart .item-name {
  font-weight: 700;
}
.cart .rewined-cart .result {
  text-align: right;
  font-weight: 700;
}
.cart .rewined-list {
  list-style-type: none;
  margin: 0;
}
.cart .rewined-row .product.added {
  background: #E7E7F7;
  border-radius: 12px;
}

.rewined-cart-grid img.multi {
  padding-left: 0;
  padding-right: 0;
}

.rewined-report .rewined-info {
  width: 100%;
}
.rewined-report .filter-list {
  list-style-type: none;
  border-bottom: 1px solid #BC18F2;
  padding-bottom: 1rem;
  margin: 0 0 2rem 0;
}
.rewined-report .filter-list li {
  cursor: pointer;
  padding: 5px 15px;
  display: inline-block;
  margin-right: 0.35rem;
}
.rewined-report .filter-list li.active {
  background: #BC18F2;
  color: #fff;
}
.rewined-report .filter-list li.clear {
  background: #D45E5E;
  color: #fff;
}
.rewined-report .pill {
  white-space: break-spaces;
}
.rewined-report .card {
  background: #E7E7F7;
  border: none;
  border-radius: 12px;
  padding: 0.635rem;
  position: relative;
  color: #302952;
  background: #C9EDE8;
}
.rewined-report .card.no-bg {
  background: none;
  border: none;
}
.rewined-report .card p {
  color: #302952;
}
.rewined-report .card h2 {
  color: #302952;
  font-size: 1.5rem;
  margin: 0.635rem 0;
}
.rewined-report .card h3 {
  color: #BC18F2;
  margin-top: 0;
}
.rewined-report .card h4 {
  color: #302952;
}
.rewined-report .card .card-label {
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}
.rewined-report .card .icon {
  max-width: 84px;
}
.rewined-report .card .float-icon {
  position: absolute;
  right: 0.9375rem;
}
.rewined-report .card .neg {
  color: #D45E5E;
}
.rewined-report .card .pos {
  color: #00ab91;
}
.rewined-report .card .no-change {
  color: #909090;
}
.rewined-report .card .big h3 {
  font-size: 2.25rem;
}
.rewined-report .card .big h4 {
  font-size: 1.05rem;
}
.rewined-report .card .big.vert {
  margin-bottom: 1rem;
}
.rewined-report .card .big.vert h3 {
  padding: 0.35rem 0;
  line-height: 1;
}
.rewined-report .card .big.vert.secondary {
  margin-top: 0;
}
.rewined-report .card a {
  text-decoration: underline;
  color: #302952;
}
.rewined-report .card a:hover, .rewined-report .card a:active, .rewined-report .card a:focus {
  color: #BC18F2;
}
.rewined-report .card .block-header {
  font-size: 1.5rem;
  color: #6257ec;
  margin: 0.635rem 0;
}
.rewined-report .card .secondary {
  margin-top: 1.635rem;
}
.rewined-report .card .secondary h3 {
  font-size: 1.5rem;
}
.rewined-report .card .icon-link {
  height: 24px;
}
.rewined-report .card button {
  margin: 0.635rem 0;
}
.rewined-report .card .hidden {
  display: none;
}
.rewined-report .card .row {
  padding: 0.635rem 0;
}
.rewined-report .card .row .name {
  font-weight: 700;
}
.rewined-report .card .row.match {
  color: #BC18F2;
}
.rewined-report .card h3 {
  margin: 0;
}
.rewined-report .icon {
  height: 32px;
}
.rewined-report .btn-rewined-cell {
  text-align: left;
  margin-bottom: 2.35rem;
}
.rewined-report .mobile-header {
  font-weight: 700;
}
.rewined-report a {
  color: #BC18F2;
}
@media print, screen and (min-width: 64em) {
  .rewined-report .btn-rewined-cell {
    text-align: center;
  }
}
.rewined-report .table {
  white-space: nowrap;
}
.rewined-report .table th {
  border-bottom: none;
  background: #fff;
  z-index: 2;
  padding: 20px 5px;
  box-sizing: initial;
  box-shadow: inset 0 -1px 0 #bc18f2;
  position: sticky;
  top: -1px;
}

#rewined-detail-body .callout.Success {
  background: #00ab91;
  color: #fff;
}
#rewined-detail-body .callout.ShipmentFailed {
  background: #D45E5E;
  color: #fff;
}
#rewined-detail-body .callout.Skip {
  background: #feba16;
  color: #302952;
}
#rewined-detail-body .news-modal-body .rwd_shipping p, #rewined-detail-body .news-modal-body .rwd_info p, #rewined-detail-body .news-modal-body #transfer-info {
  text-align: left;
}
#rewined-detail-body .news-modal-body h3 {
  text-align: left;
  font-size: 1.5rem;
  color: #6257ec;
  margin-top: 1.35rem;
}

#report-container h2 {
  font-size: 2.05rem;
  line-height: 2.3575rem;
  color: #6257ec;
  margin-top: 0.625rem;
  margin: 2rem 0;
}

.wine-info h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}
.wine-info h3 {
  margin: 10px 0 0 0;
}
.wine-info h2.nickname {
  color: #fff;
}
.wine-info h3.nickname2 {
  color: #fff;
  font-size: 1.25rem;
  margin: 0 0 3.635rem 0;
}
.wine-info h3.header {
  margin: 0;
  color: #fff;
  font-size: 1.05rem;
}
.wine-info p.description {
  padding: 1rem 0;
}
.wine-info .qty {
  color: #fff;
}

#productinfo strong {
  color: #52439b;
  font-weight: 700;
}
#productinfo ul.info {
  list-style-type: none;
  margin: 0;
}
#productinfo ul.info li {
  margin-bottom: 0.75rem;
}
#productinfo ul.cards {
  list-style-type: none;
  margin: 0;
}
#productinfo ul.cards li {
  display: inline-block;
  vertical-align: top;
  width: 15%;
  margin: 0 1rem 0 0;
}
#productinfo ul.sidenav {
  list-style-type: none;
  margin: 0;
}
#productinfo ul.sidenav li {
  font-size: 1.05rem;
}
#productinfo ul.sidenav li a.active {
  background: #e8e8e8;
}
#productinfo .inventory_level {
  float: left;
  width: 35%;
  position: absolute;
  left: 0;
  max-width: 100px;
  top: 25px;
}

ol.tastingsetwines {
  list-style-type: none;
  margin: 0;
}
ol.tastingsetwines li {
  position: relative;
  text-align: left;
}
ol.tastingsetwines li strong {
  display: block;
  margin-bottom: 0;
  font-size: 1rem;
}
ol.tastingsetwines li .byline {
  font-size: 1rem;
  line-height: 1rem;
  display: block;
}
ol.tastingsetwines .number {
  border-radius: 999px;
  text-align: center;
  color: #302952;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  background: #C9EDE8;
  height: 35px;
  width: 35px;
  font-size: 18px;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
ol.tastingsetwines .number.White {
  background: rgba(254, 186, 22, 0.2);
}
ol.tastingsetwines .number.Red {
  background: rgba(98, 87, 236, 0.2);
}
ol.tastingsetwines .number.Fizzy {
  background: rgba(188, 24, 242, 0.2);
}
ol.tastingsetwines .number div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tasting-sets h2 {
  background: #6257ec;
  color: #fff;
  text-align: center;
  padding: 1rem;
  margin-bottom: 0;
  margin: 0 0.25rem;
}
.tasting-sets h2 .line2 {
  font-size: 1rem;
}
.tasting-sets .premium {
  background: #52439b;
}
.tasting-sets .line2 {
  display: block;
}
.tasting-sets .tastingset-list {
  margin: 0;
}
.tasting-sets .tastingset-list li {
  margin-bottom: 1.5rem;
  list-style-type: none;
  padding: 6px 0 0 12px;
  position: relative;
}
.tasting-sets .tastingset-list h3 {
  margin: 0;
  font-size: 1.05rem;
  color: #6257ec;
}
.tasting-sets .tastingset-list h4 {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.05rem;
  margin-bottom: 0.25rem;
}
.tasting-sets .tastingset-list h5 {
  font-size: 0.85rem;
  margin-bottom: 0;
}
.tasting-sets .tastingset-list img {
  padding: 0;
  max-height: 75px;
  min-height: 85px;
}
.tasting-sets .tastingset-list .number {
  border-radius: 999px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  background: #00ab91;
  height: 35px;
  width: 35px;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 7px;
}
.tasting-sets .tastingset-list .number div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tasting-sets .grid {
  margin-bottom: 2rem;
}
.tasting-sets .list-row {
  margin-bottom: 1rem;
}
.tasting-sets .list-row.item {
  width: 100% !important;
}
.tasting-sets .list-row h2 {
  height: 100%;
}
.tasting-sets .list-row h3 {
  padding: 0;
}

.btn-guide-details {
  color: #6257ec;
  font-weight: 700;
  cursor: hand;
  cursor: pointer;
  -moz-transition: color 0.25s 0s, color 0.25s;
  -o-transition: color 0.25s 0s, color 0.25s;
  -webkit-transition: color 0.25s 0s, color 0.25s;
  transition: color 0.25s 0s, color 0.25s;
}
.btn-guide-details:hover, .btn-guide-details:focus, .btn-guide-details:active {
  color: #BC18F2;
}

.avatar-link {
  text-decoration: none !important;
}

.avatar {
  text-align: center;
  margin: 0 auto;
  border-radius: 99px;
  border: 10px solid #52439b;
  height: 150px;
  width: 150px;
  overflow: hidden;
  background-repeat: none;
  background-size: cover;
  background-position: 50% 50%;
  color: #909090;
  text-decoration: none;
  line-height: 1.2;
  font-size: 1rem;
}

.guide-info {
  position: absolute;
  overflow: auto;
  width: 100vw;
  min-height: 100vh;
  background: #fff;
  transform: translateX(150%);
  z-index: 100;
}
@media print, screen and (min-width: 40em) {
  .guide-info {
    left: initial;
    width: calc(83.333%);
    height: 100%;
  }
}
.guide-info hr {
  margin: 20px auto;
}
.guide-info table.stack tr td:first-child {
  font-weight: 700;
}
.guide-info table.stack tr td {
  padding: 10px 5px;
}
@media print, screen and (min-width: 40em) {
  .guide-info table.stack td {
    padding: 15px 10px;
  }
}
.guide-info .filter ul > li {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .guide-info .filter ul > li {
    display: inline-block;
  }
}
.guide-info h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.25rem;
  margin: 10px 0;
  color: #52439b;
  text-align: center;
}
.guide-info h3 span {
  display: block;
  font-size: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .guide-info h3 {
    text-align: left;
  }
}
.guide-info .coin-headline {
  background: #E7E7F7;
  color: #302952;
  border-radius: 500px;
  text-align: center;
  padding: 0.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.guide-info .badge-grid {
  padding: 1rem;
  margin-bottom: 0.5rem;
}
.guide-info .badge-grid h5 {
  margin: 0.5rem 0 0;
}
.guide-info p {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .guide-info p {
    text-align: left;
  }
}
.guide-info.is-active {
  transform: translateX(0);
}
.guide-info .tabs-panel h3 {
  font-size: 1.05rem;
}
.guide-info .icon-circle-left {
  color: #6257ec;
  top: 0;
  font-size: 2.25rem;
  position: absolute;
  left: 10px;
  cursor: hand;
  cursor: pointer;
}
.guide-info .icon-circle-left:hover {
  color: #52439b;
}

.question {
  color: #6257ec;
  font-weight: 700;
}
.question h3 {
  cursor: hand;
  cursor: pointer;
  color: #52439b;
  padding: 1rem;
  margin: 0;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
.question h3:hover, .question h3:focus {
  background: #e8e8e8;
}
.question .icon {
  margin-left: 1rem;
}

.answer {
  display: block;
  color: #302952;
  padding: 0 0 1.5rem 0;
  font-weight: 400;
}
.answer:hover {
  text-decoration: none;
}

.doc-wrapper {
  display: none;
  z-index: 100;
  position: absolute;
  background: #E7E7F7;
  left: 50%;
  margin-left: -8.333%;
  min-width: 650px;
}
.doc-wrapper .doc-item {
  padding: 1rem;
  height: 80px;
}
.doc-wrapper .doc-item:hover {
  background: #6257ec;
  color: #fff;
}
.doc-wrapper .doc-item a:hover {
  text-decoration: none;
  color: #fff;
}
.doc-wrapper .doc-item .columns {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.doc-grid {
  text-align: center;
  margin: 0 auto;
  padding: 1rem;
}
.doc-grid > .row {
  height: 150px;
}
.doc-grid:hover {
  background: #e8e8e8;
}
.doc-grid .doc-img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 33%;
  margin: 0 auto;
  overflow: hidden;
}
.doc-grid .doc-name {
  width: 67%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#bonus-grid .item::after, #preview-grid .item::after {
  transition: all 0.75s;
  opacity: 0;
  content: "Oh no! This item won't fit";
  position: absolute;
  right: calc(12.5%);
  top: calc(50% - 60px);
  width: 75%;
  font-weight: 700;
  color: #fff;
  background: #BC18F2;
  padding: 20px;
  border-radius: 99px;
}
#bonus-grid .item.disabled::before, #preview-grid .item.disabled::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(144, 144, 144, 0.2);
}
#bonus-grid .item.disabled::after, #preview-grid .item.disabled::after {
  transition: all 0.75s;
  opacity: 1;
  content: "Oh no! This item won't fit";
  position: absolute;
  right: calc(12.5%);
  top: calc(50% - 60px);
  width: 75%;
  font-weight: 700;
  color: #fff;
  background: #BC18F2;
  padding: 20px;
  border-radius: 99px;
}
#bonus-grid .item.disabled:hover, #bonus-grid .item.disabled:active, #bonus-grid .item.disabled:focus, #preview-grid .item.disabled:hover, #preview-grid .item.disabled:active, #preview-grid .item.disabled:focus {
  background-color: none !important;
  box-shadow: none !important;
}

.reward-list, .cart-list {
  list-style-type: none;
  margin: 0;
}
.reward-list .reward-taken, .reward-list .addon-taken, .reward-list .bonus-taken, .cart-list .reward-taken, .cart-list .addon-taken, .cart-list .bonus-taken {
  color: #6257ec;
}

.page-header {
  background: #fff;
}
.page-header h1 {
  margin: 0.125rem 0;
}

#sidebar-close {
  cursor: hand;
  cursor: pointer;
}
#sidebar-close svg {
  fill: #fff;
  stroke: #fff;
  height: 30px;
  width: 20px;
}

#sidebar-toggle {
  position: relative;
  transition: all 0.5s;
}
#sidebar-toggle::before {
  content: "";
  position: absolute;
  right: calc(50% - 60px);
  top: calc(50% - 60px);
  z-index: -1;
  width: 120px;
  height: 120px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 500px;
  background-color: #fff;
  opacity: 0;
  transition: all 0.5s;
}
#sidebar-toggle.load::before {
  content: "";
  position: absolute;
  left: -25vh;
  top: -25vh;
  z-index: -1;
  width: 150vh;
  height: 150vh;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 500px;
  background: linear-gradient(180deg, #52439b, #6352b4);
  opacity: 1;
  z-index: 500;
  overflow: hidden;
}

.sidebar {
  visibility: hidden;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.165s linear;
  z-index: 501;
  overflow: auto;
  background: #E7E7F7;
  background: linear-gradient(180deg, #52439b, #6352b4);
  position: fixed;
  height: 100vh;
}
.sidebar.show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s linear 0.165s;
  z-index: 501;
}
@media print, screen and (min-width: 64em) {
  .sidebar {
    display: block;
    visibility: visible;
    opacity: 1;
    width: 16.66667%;
    padding: 0;
  }
}
.sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar ul li a {
  font-size: 1rem;
  text-decoration: none;
  color: #f8f7fe;
  padding: 0.65rem 1rem;
  text-transform: capitalize;
  display: block;
  -moz-transition: color 0.25s 0s, color 0.25s;
  -o-transition: color 0.25s 0s, color 0.25s;
  -webkit-transition: color 0.25s 0s, color 0.25s;
  transition: color 0.25s 0s, color 0.25s;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
.sidebar ul li a span {
  display: none;
}
.sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li a:active {
  background: #999AED;
  color: #302952;
  text-decoration: none;
}
.sidebar ul li a.nav-active {
  background: #c1c1ea;
  color: #52439b;
}
.sidebar ul li .welcome {
  font-family: "Prata", serif;
  font-weight: normal;
  color: #fff;
  display: block;
}
.sidebar ul.sidename {
  height: 65px;
  max-width: 100vw;
}
.sidebar ul.sidename a {
  margin: 0 0.625rem;
  padding: 0;
}
.sidebar ul.sidename .image {
  border-radius: 999px;
  background: #00ab91;
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 48px;
  font-weight: 700;
  background-size: cover;
  margin: 5px;
}

.wine-grid .btn-product, .wine-grid .reward-img {
  display: inline-block;
  border: none;
  background: none;
  transition: all 0.2s;
}
.wine-grid .btn-product::before, .wine-grid .reward-img::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 60px);
  top: calc(50% - 60px);
  z-index: -1;
  width: 120px;
  height: 120px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
}
.wine-grid .btn-product:hover::before, .wine-grid .btn-product:active::before, .wine-grid .btn-product:focus::before, .wine-grid .reward-img:hover::before, .wine-grid .reward-img:active::before, .wine-grid .reward-img:focus::before {
  transform: scale(1.25);
}

.item-grid .item, .wine-grid .item, .rewined-list .item, .rewined-options .item {
  padding: 0.5rem 0;
  width: 25%;
  height: auto;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
.item-grid .item.SuccessKit, .wine-grid .item.SuccessKit, .rewined-list .item.SuccessKit, .rewined-options .item.SuccessKit {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .item-grid .item.SuccessKit, .wine-grid .item.SuccessKit, .rewined-list .item.SuccessKit, .rewined-options .item.SuccessKit {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
}
.item-grid .item h2, .wine-grid .item h2, .rewined-list .item h2, .rewined-options .item h2 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc(100% );
  vertical-align: middle;
}
.item-grid .tsInfo, .wine-grid .tsInfo, .rewined-list .tsInfo, .rewined-options .tsInfo {
  margin-top: 0.625rem;
}
.item-grid .tsInfo.expand, .wine-grid .tsInfo.expand, .rewined-list .tsInfo.expand, .rewined-options .tsInfo.expand {
  display: block;
}
.item-grid .dotcolor, .wine-grid .dotcolor, .rewined-list .dotcolor, .rewined-options .dotcolor {
  width: 24px;
  height: 24px;
  border-radius: 99px;
  background: #E7E7F7;
  vertical-align: top;
  margin: 0 0.0625rem;
}
.item-grid .dotcolor.White, .wine-grid .dotcolor.White, .rewined-list .dotcolor.White, .rewined-options .dotcolor.White {
  background: #feba16;
}
.item-grid .dotcolor.Red, .wine-grid .dotcolor.Red, .rewined-list .dotcolor.Red, .rewined-options .dotcolor.Red {
  background: #6257ec;
}
.item-grid .dotcolor.Fizzy, .wine-grid .dotcolor.Fizzy, .rewined-list .dotcolor.Fizzy, .rewined-options .dotcolor.Fizzy {
  background: #BC18F2;
}
.item-grid .faved h5::before, .wine-grid .faved h5::before, .rewined-list .faved h5::before, .rewined-options .faved h5::before {
  content: "";
  display: block;
  background: url(https://tvcdn.azureedge.net/assets/icons/icon-fave-heart.svg) no-repeat;
  background-size: contain;
  width: 64px;
  height: 64px;
  position: absolute;
  right: calc(25% - 15px);
  top: 70px;
  z-index: 0;
}
.item-grid .faved h4, .item-grid .faved h5, .item-grid .faved h6, .wine-grid .faved h4, .wine-grid .faved h5, .wine-grid .faved h6, .rewined-list .faved h4, .rewined-list .faved h5, .rewined-list .faved h6, .rewined-options .faved h4, .rewined-options .faved h5, .rewined-options .faved h6 {
  z-index: 1000;
}
.item-grid .HostExclusive h5::before, .wine-grid .HostExclusive h5::before, .rewined-list .HostExclusive h5::before, .rewined-options .HostExclusive h5::before {
  content: "";
  display: block;
  background: url(https://tvcdn.azureedge.net/assets/icons/icon-feature.svg) no-repeat;
  background-size: contain;
  width: 64px;
  height: 64px;
  position: absolute;
  right: calc(25% - 15px);
  top: 70px;
  z-index: 0;
}
.item-grid img, .wine-grid img, .rewined-list img, .rewined-options img {
  padding: 0 20px;
  max-height: 220px;
  width: auto;
}
.item-grid .inventory_level, .wine-grid .inventory_level, .rewined-list .inventory_level, .rewined-options .inventory_level {
  box-sizing: content-box;
  width: 55%;
  position: absolute;
  left: 15%;
  margin-left: -15%;
  max-width: 64px;
}
@media print, screen and (min-width: 40em) {
  .item-grid .inventory_level, .wine-grid .inventory_level, .rewined-list .inventory_level, .rewined-options .inventory_level {
    width: 35%;
    left: 25%;
  }
}
.item-grid .qty, .wine-grid .qty, .rewined-list .qty, .rewined-options .qty {
  font-size: 28px;
  line-height: 40px;
  font-family: "Prata", serif;
  margin: 0;
  background: transparent;
  border: none;
  color: #302952;
  height: auto;
  width: 42px;
  margin-top: -5px;
  display: inline-block;
  text-align: center;
}
.item-grid h5, .wine-grid h5, .rewined-list h5, .rewined-options h5 {
  font-weight: inherit;
  color: #302952;
}
.item-grid h6, .wine-grid h6, .rewined-list h6, .rewined-options h6 {
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 1.05rem;
}

.wine-grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.wine-grid .item {
  width: 50%;
  padding-bottom: 1rem;
  padding-top: 1rem;
  position: relative;
}
.wine-grid .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(153, 154, 237, 0.8);
}
.wine-grid .item .overlay p {
  color: #302952;
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  text-transform: capitalize;
  padding: 1rem;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wine-grid .item:hover, .wine-grid .item:focus {
  background: none;
}
.wine-grid .item .applied {
  background: rgba(144, 144, 144, 0.7);
}
@media print, screen and (min-width: 40em) {
  .wine-grid .item {
    width: 33%;
  }
}
.wine-grid .rewards {
  position: relative;
}

.prod-row {
  margin-bottom: 1rem;
}
.prod-row .bottle-wrapper {
  position: relative;
}
.prod-row img {
  max-height: 175px;
}
.prod-row .descr {
  display: block;
  margin-top: -15px;
}

.successkit-wrapper .successkit-warning {
  margin-bottom: 1rem;
}
.successkit-wrapper .added {
  background: none !important;
}
.successkit-wrapper .added h4.nickname {
  color: #302952;
}
.successkit-wrapper h4.nickname {
  font-size: 1.5rem;
}
.successkit-wrapper h6 {
  font-weight: bold;
  font-size: 1.05rem;
}
.successkit-wrapper .successkit-description {
  padding: 0.5rem;
  margin-bottom: 2rem;
}
.successkit-wrapper .successkit-description br {
  content: "" !important;
  display: block !important;
  margin-bottom: 0.5em !important;
}
.successkit-wrapper button.btn-alt {
  width: 90%;
  margin-top: 0.5rem;
}
.successkit-wrapper #agreements {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.successkit-wrapper #agreements h2 {
  border-bottom: 1px solid #e8e8e8;
  width: 98%;
  padding-bottom: 1.5em;
}
.successkit-wrapper #agreements h2 span {
  margin-right: 0.5rem;
  color: #52439b;
  cursor: hand;
  cursor: pointer;
}
.successkit-wrapper #agreements .agreement-row {
  margin-bottom: 2rem;
}
.successkit-wrapper #agreements .agreement-row label span {
  background: #fff;
  display: inline-block;
  margin-right: 0.635rem;
}
.successkit-wrapper #agreements .agreement-row label h3 {
  display: inline-block;
  color: #6257ec;
  font-weight: 700;
}
.successkit-wrapper #agreements .agreement-row label p {
  color: #302952;
  margin-top: 1rem;
}
.successkit-wrapper #agreements .agreement-row label span.download {
  display: inline-block;
  background: none;
  float: none;
}
.successkit-wrapper #agreements .agreement-row label span.download img {
  height: 36px;
}

.shipping .card-wrapper {
  background: #6257ec;
  color: #fff;
  display: inline-block;
  border-radius: 12px;
  padding: 1rem 5rem 1rem 1rem;
  max-width: 800px;
}
.shipping .card-wrapper h3, .shipping .card-wrapper label {
  color: #fff;
  display: block;
}
.shipping #order-complete {
  text-align: center;
  min-height: 60vh;
}
.shipping #order-complete h2 {
  font-family: "Prata", serif;
  font-size: 2.25rem;
  font-weight: 400;
  color: #302952;
  margin-top: 2rem;
}
.shipping #order-complete h2 span {
  font-family: "Playlist-Script", cursive;
  text-transform: lowercase;
  display: inline-block;
  color: #feba16;
  transform: rotate(-8deg);
  position: relative;
  font-weight: 400;
  font-size: 3.15rem;
  display: block;
  font-size: 6rem;
  margin-top: -3rem;
  z-index: -1;
}
.shipping label[for=giftmsg] {
  margin-bottom: 1rem !important;
}
.shipping #giftmsg-wrapper {
  width: 94%;
  margin: 0 0px 12px 10px;
}
.shipping #giftmsg-wrapper textarea {
  margin-bottom: 0;
}
.shipping #giftmsg-wrapper #charcount {
  font-size: 0.85rem;
  text-align: right;
  display: block;
}
.shipping .checkout-steps {
  margin-top: 0.625rem;
}
.shipping .checkout-steps .event-details .sq-card h3 {
  color: #BC18F2;
}
.shipping .checkout-steps #shipcheck, .shipping .checkout-steps #billcheck, .shipping .checkout-steps #paymentcheck, .shipping .checkout-steps #decidercheck, .shipping .checkout-steps #closeordercheck {
  display: none;
}
.shipping .checkout-steps .step-link {
  border-bottom: 1px solid #6257ec;
}
.shipping .checkout-steps .step-link .icon-check {
  color: #6257ec;
}
.shipping .checkout-steps .step-link .icon-check::before {
  background: #fff1d6;
  padding: 0.635rem;
  border-radius: 99%;
}
.shipping .checkout-steps .checkout-step {
  padding-top: 1.325rem;
  border: none;
}
.shipping .checkout-steps .steptoggle h2 {
  margin: 0;
  cursor: hand;
  cursor: pointer;
  color: #6257ec;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 0.625rem 0;
}
.shipping .cardonfile-picker input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
.shipping .cardonfile-picker input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
.shipping .cardonfile-picker input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
.shipping .cardonfile-picker input[type=checkbox] + label:focus {
  border: 2px solid red;
}
.shipping .cardonfile-picker input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
.shipping .cardonfile-picker input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
.shipping .cardonfile-picker input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
.shipping .cardonfile-picker input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
.shipping .cardonfile-picker input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
.shipping .cardonfile-picker input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
.shipping .cardonfile-picker input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}
.shipping .cardonfile-picker {
  margin-bottom: 1rem;
}
.shipping h3 {
  color: #6257ec;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 1.05rem;
  margin: 0;
}
.shipping .shipto .address-wrapper {
  margin: 0;
}
.shipping .shipto input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
.shipping .shipto input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
.shipping .shipto input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
.shipping .shipto input[type=checkbox] + label:focus {
  border: 2px solid red;
}
.shipping .shipto input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
.shipping .shipto input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
.shipping .shipto input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
.shipping .shipto input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
.shipping .shipto input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
.shipping .shipto input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
.shipping .shipto input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}
.shipping .shipto h2 {
  color: #52439b;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-weight: 700;
}
.shipping .shipto span {
  vertical-align: middle;
}
.shipping .shipto .address-wrapper .input-sm {
  margin-bottom: 20px;
}
.shipping .tabs-panel {
  padding: 0;
}
.shipping .point-wrapper {
  margin-bottom: 1.635rem;
  margin-left: auto;
}
.shipping .point-wrapper .floating-label {
  margin: 1rem 0;
}
.shipping .point-wrapper h3 {
  color: #BC18F2;
  font-weight: 900;
}

#presentation-mode, #modal-add-items {
  height: auto;
  overflow-y: initial;
}
#presentation-mode h2, #modal-add-items h2 {
  font-size: 2.05rem;
  line-height: 2.3575rem;
  color: #6257ec;
  margin-top: 0.625rem;
  font-size: 1.5rem;
  margin-bottom: 0;
}
#presentation-mode .PresentationViewName, #modal-add-items .PresentationViewName {
  margin: 1rem 0;
}
#presentation-mode .event, #modal-add-items .event {
  padding-bottom: 0.635rem;
}
#presentation-mode .presentation-wrapper, #modal-add-items .presentation-wrapper {
  padding-bottom: 100px;
}
#presentation-mode .presentation-info, #modal-add-items .presentation-info {
  padding-left: 1.25rem;
}
#presentation-mode .presentation-name a, #modal-add-items .presentation-name a {
  display: inline-block;
  color: #BC18F2;
  text-decoration: underline;
  padding: 1rem 0;
}
#presentation-mode .presentation-name a:hover, #presentation-mode .presentation-name a:focus, #presentation-mode .presentation-name a:active, #modal-add-items .presentation-name a:hover, #modal-add-items .presentation-name a:focus, #modal-add-items .presentation-name a:active {
  color: #6257ec;
}
#presentation-mode .move-icon, #modal-add-items .move-icon {
  padding-left: 1.375rem;
  margin-right: 0.9375rem;
}
#presentation-mode .move-icon svg, #modal-add-items .move-icon svg {
  height: 20px;
  display: block;
}
#presentation-mode .ui-sortable-helper, #modal-add-items .ui-sortable-helper {
  background: #E7E7F7;
  cursor: grab;
}
#presentation-mode .ui-state-highlight, #modal-add-items .ui-state-highlight {
  background: #fff1d6;
  height: 90px;
  border-radius: 99px;
}
#presentation-mode .item-row, #modal-add-items .item-row {
  padding: 0;
  border-radius: 99px;
  cursor: grab;
}
#presentation-mode .item-row h2, #modal-add-items .item-row h2 {
  margin-bottom: 0;
}
#presentation-mode .item-row h3, #modal-add-items .item-row h3 {
  margin-top: 0;
  margin-bottom: 0;
}
#presentation-mode .item-row p, #modal-add-items .item-row p {
  margin-bottom: 0;
}
#presentation-mode .main-topic, #modal-add-items .main-topic {
  padding-top: 1.325rem;
  padding-bottom: 1.325rem;
}
#presentation-mode .main-topic .icon, #modal-add-items .main-topic .icon {
  height: 24px;
  width: 24px;
  display: block;
  border-radius: 99px;
  background: #fff1d6;
  margin-right: 0.9375rem;
}
#presentation-mode .main-topic .icon.icon-Wine, #modal-add-items .main-topic .icon.icon-Wine {
  background: #6257ec;
}
#presentation-mode .main-topic .icon.icon-Accessory, #modal-add-items .main-topic .icon.icon-Accessory {
  background: #52439b;
}
#presentation-mode .main-topic .icon.icon-Moment, #modal-add-items .main-topic .icon.icon-Moment {
  background: #BC18F2;
}
#presentation-mode .main-topic .icon.icon-SommCard, #modal-add-items .main-topic .icon.icon-SommCard {
  background: #00ab91;
}
#presentation-mode .main-topic .name, #modal-add-items .main-topic .name {
  display: inline-block;
  width: calc(100%);
}
#presentation-mode .main-topic .name h3, #presentation-mode .main-topic .name h4, #modal-add-items .main-topic .name h3, #modal-add-items .main-topic .name h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc(100%);
  vertical-align: middle;
}
#presentation-mode .main-topic .name h3, #modal-add-items .main-topic .name h3 {
  color: #6257ec;
}
@media print, screen and (min-width: 40em) {
  #presentation-mode .main-topic .name h3, #modal-add-items .main-topic .name h3 {
    font-size: 1.5rem;
    display: inline;
  }
}
#presentation-mode .main-topic .name h4, #modal-add-items .main-topic .name h4 {
  color: #909090;
}
#presentation-mode .btn-add-subtopic, #modal-add-items .btn-add-subtopic {
  position: relative;
  font-size: "Poppins", sans-serif;
  font-weight: 700;
  color: #302952;
  font-size: 1.5rem;
  width: 48px;
  height: 48px;
  cursor: hand;
  cursor: pointer;
}
#presentation-mode .btn-add-subtopic::before, #modal-add-items .btn-add-subtopic::before {
  content: "";
  z-index: -1;
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  right: calc(50% - 24px);
  top: calc(50% - 24px);
  background: #fff1d6;
  border-radius: 99px;
}
#presentation-mode .presentation-line, #modal-add-items .presentation-line {
  background: #C9EDE8;
  border: none;
  border-radius: 99px;
  height: 6px;
}
#presentation-mode .edit-moment, #modal-add-items .edit-moment {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 99px;
  padding: 0.325rem 1rem;
  font-size: 0.7225rem;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  bottom: 4%;
  right: 2%;
}
#presentation-mode .edit-moment.roadmap, #modal-add-items .edit-moment.roadmap {
  position: relative;
  color: #BC18F2;
  border-color: #BC18F2;
  margin-left: 30px;
}
#presentation-mode .slot, #modal-add-items .slot {
  background: #E7E7F7;
  padding: 1.365rem 1rem;
  border-radius: 12px;
  width: 100%;
  font-weight: 700;
}
#presentation-mode .btn-delete-item, #modal-add-items .btn-delete-item {
  padding: 0.635rem 0.9375rem;
}
#presentation-mode .btn-delete-item img, #modal-add-items .btn-delete-item img {
  height: 25px;
}
#presentation-mode .btn-close-item img, #modal-add-items .btn-close-item img {
  height: 32px;
}
#presentation-mode .slick-slider, #modal-add-items .slick-slider {
  min-height: 100vh;
  padding: 0.635rem;
}
@media print, screen and (min-width: 40em) {
  #presentation-mode .slick-slider, #modal-add-items .slick-slider {
    padding: auto;
  }
}
#presentation-mode #create-new, #modal-add-items #create-new {
  padding-top: 1.635rem;
  padding-bottom: 1.635rem;
  margin-bottom: 1rem;
  background: #E7E7F7;
}
#presentation-mode .wrapper-add #categories, #modal-add-items .wrapper-add #categories {
  list-style-type: none;
  margin: 0 0 1rem 0;
}
#presentation-mode .wrapper-add #categories li, #modal-add-items .wrapper-add #categories li {
  display: none;
}
@media print, screen and (min-width: 40em) {
  #presentation-mode .wrapper-add #categories li, #modal-add-items .wrapper-add #categories li {
    display: inline-block;
  }
}
#presentation-mode .wrapper-add #categories li button, #modal-add-items .wrapper-add #categories li button {
  background: #fff;
  color: #302952;
  font-weight: 700;
  border-radius: 99px;
  padding: 0.635rem 1.35rem;
  font-size: 1rem;
  margin: 0.635rem 0.235rem;
}
#presentation-mode .wrapper-add #categories li#topicSearch, #modal-add-items .wrapper-add #categories li#topicSearch {
  display: inline-block;
}
#presentation-mode .wrapper-add .product-slider, #modal-add-items .wrapper-add .product-slider {
  position: relative;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper, #modal-add-items .wrapper-add .product-slider .product-wrapper {
  position: relative;
  border: none;
  vertical-align: middle;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media print, screen and (min-width: 40em) {
  #presentation-mode .wrapper-add .product-slider .product-wrapper, #modal-add-items .wrapper-add .product-slider .product-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .product, #presentation-mode .wrapper-add .product-slider .product-wrapper .create, #modal-add-items .wrapper-add .product-slider .product-wrapper .product, #modal-add-items .wrapper-add .product-slider .product-wrapper .create {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 50px;
  text-align: center;
  background: #6257ec;
  color: #fff;
  border-radius: 12px;
  padding: 1.325rem 0.635rem;
  cursor: pointer;
  height: 100%;
  -moz-transition: all 0.25s 0s, color 0.25s;
  -o-transition: all 0.25s 0s, color 0.25s;
  -webkit-transition: all 0.25s 0s, color 0.25s;
  transition: all 0.25s 0s, color 0.25s;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .product:hover, #presentation-mode .wrapper-add .product-slider .product-wrapper .product:focus, #presentation-mode .wrapper-add .product-slider .product-wrapper .product:active, #presentation-mode .wrapper-add .product-slider .product-wrapper .create:hover, #presentation-mode .wrapper-add .product-slider .product-wrapper .create:focus, #presentation-mode .wrapper-add .product-slider .product-wrapper .create:active, #modal-add-items .wrapper-add .product-slider .product-wrapper .product:hover, #modal-add-items .wrapper-add .product-slider .product-wrapper .product:focus, #modal-add-items .wrapper-add .product-slider .product-wrapper .product:active, #modal-add-items .wrapper-add .product-slider .product-wrapper .create:hover, #modal-add-items .wrapper-add .product-slider .product-wrapper .create:focus, #modal-add-items .wrapper-add .product-slider .product-wrapper .create:active {
  box-shadow: 0px 0px 20px -6px #BC18F2;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .product:disabled, #presentation-mode .wrapper-add .product-slider .product-wrapper .product[disabled], #presentation-mode .wrapper-add .product-slider .product-wrapper .create:disabled, #presentation-mode .wrapper-add .product-slider .product-wrapper .create[disabled], #modal-add-items .wrapper-add .product-slider .product-wrapper .product:disabled, #modal-add-items .wrapper-add .product-slider .product-wrapper .product[disabled], #modal-add-items .wrapper-add .product-slider .product-wrapper .create:disabled, #modal-add-items .wrapper-add .product-slider .product-wrapper .create[disabled] {
  opacity: 0.8;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .product.disabled, #presentation-mode .wrapper-add .product-slider .product-wrapper .create.disabled, #modal-add-items .wrapper-add .product-slider .product-wrapper .product.disabled, #modal-add-items .wrapper-add .product-slider .product-wrapper .create.disabled {
  background: #909090;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .product.disabled::before, #presentation-mode .wrapper-add .product-slider .product-wrapper .create.disabled::before, #modal-add-items .wrapper-add .product-slider .product-wrapper .product.disabled::before, #modal-add-items .wrapper-add .product-slider .product-wrapper .create.disabled::before {
  content: "";
  background-image: url(https://tvcdn.azureedge.net/assets/icons/icon-check.svg);
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 99%;
  color: #fff;
  line-height: 50px;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .product h2, #presentation-mode .wrapper-add .product-slider .product-wrapper .create h2, #modal-add-items .wrapper-add .product-slider .product-wrapper .product h2, #modal-add-items .wrapper-add .product-slider .product-wrapper .create h2 {
  font-size: 1.5rem;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 0;
  white-space: normal;
  margin-top: 0;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .product h3, #presentation-mode .wrapper-add .product-slider .product-wrapper .create h3, #modal-add-items .wrapper-add .product-slider .product-wrapper .product h3, #modal-add-items .wrapper-add .product-slider .product-wrapper .create h3 {
  color: #fff;
  font-weight: 400;
  margin: 0;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .product img, #presentation-mode .wrapper-add .product-slider .product-wrapper .create img, #modal-add-items .wrapper-add .product-slider .product-wrapper .product img, #modal-add-items .wrapper-add .product-slider .product-wrapper .create img {
  max-height: 100px;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .Accessory, #modal-add-items .wrapper-add .product-slider .product-wrapper .Accessory {
  background: #52439b;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .Moment, #modal-add-items .wrapper-add .product-slider .product-wrapper .Moment {
  background: #BC18F2;
}
#presentation-mode .wrapper-add .product-slider .product-wrapper .moment-guide, #presentation-mode .wrapper-add .product-slider .product-wrapper .create-moment, #modal-add-items .wrapper-add .product-slider .product-wrapper .moment-guide, #modal-add-items .wrapper-add .product-slider .product-wrapper .create-moment {
  background: #890ab3;
}
#presentation-mode .wrapper-add #filter-box, #modal-add-items .wrapper-add #filter-box {
  border: none;
  background: #fff;
  color: #302952;
  font-weight: 700;
  border-radius: 99px;
  padding: 0.435rem 1.35rem;
  font-size: 1rem;
  height: auto;
  margin-bottom: 0;
}
#presentation-mode .wrapper-add .product, #modal-add-items .wrapper-add .product {
  display: inline-block;
}
#presentation-mode .sommcard, #modal-add-items .sommcard {
  max-height: 80vh;
  text-align: center;
  margin: 0 auto;
}
#presentation-mode .slide-presentation-dots, #modal-add-items .slide-presentation-dots {
  background: #fff;
  border-top: 1px solid #BC18F2;
}
#presentation-mode .slick-dots, #modal-add-items .slick-dots {
  position: sticky;
  background: #fff;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: calc(100% - 120px);
  padding: 1rem;
  max-width: 100vw;
  overflow: scroll;
  white-space: nowrap;
}
#presentation-mode .slick-dots li, #modal-add-items .slick-dots li {
  line-height: 20px;
  margin: 0 0.635rem;
}
#presentation-mode .slick-dots .slick-active, #modal-add-items .slick-dots .slick-active {
  display: inline-block;
}
#presentation-mode .slick-dots .slick-active a::before, #modal-add-items .slick-dots .slick-active a::before {
  content: "";
  z-index: -1;
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: calc(50% - 16px);
  top: calc(50% - 16px);
  background: #C9EDE8;
  border-radius: 99px;
}
#presentation-mode .slick-dots .prev, #presentation-mode .slick-dots .next, #modal-add-items .slick-dots .prev, #modal-add-items .slick-dots .next {
  display: inline-block;
}
#presentation-mode .slider-controls, #modal-add-items .slider-controls {
  position: sticky;
  bottom: 0;
}
#presentation-mode .custom-arrow, #modal-add-items .custom-arrow {
  height: 35px;
  width: 75px;
}
#presentation-mode .slick-arrow, #modal-add-items .slick-arrow {
  cursor: hand;
  cursor: pointer;
  z-index: 200;
}
#presentation-mode .slick-arrow.slick-prev, #modal-add-items .slick-arrow.slick-prev {
  left: calc(15px);
}
#presentation-mode .slick-arrow.slick-next, #modal-add-items .slick-arrow.slick-next {
  right: 15px;
}
#presentation-mode .tabs, #modal-add-items .tabs {
  display: block;
}
#presentation-mode .single-image img, #modal-add-items .single-image img {
  margin: 0 auto;
  max-height: 35vh;
}
@media print, screen and (min-width: 40em) {
  #presentation-mode .single-image img, #modal-add-items .single-image img {
    max-height: 100vh;
  }
}
#presentation-mode .editName-wrapper, #modal-add-items .editName-wrapper {
  display: none;
  margin-top: 0.635rem;
}
#presentation-mode .agreement-row, #modal-add-items .agreement-row {
  padding-bottom: 40px;
}
#presentation-mode .agreement-row h3, #modal-add-items .agreement-row h3 {
  display: inline-block;
  margin-left: 0.635rem;
}

#modal-add-items h2 {
  margin-bottom: 0.5rem;
}

.moment-reveal .nonEdit {
  display: none;
}
.moment-reveal #delete-moment-wrapper {
  display: none;
}
.moment-reveal .momentBulletswrapper {
  background: rgba(255, 255, 255, 0.75);
  padding: 0.635rem;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.moment-reveal .momentBullets {
  text-align: left;
  margin-bottom: 0;
}
.moment-reveal .momentStory {
  text-align: left;
}

#modal-create-presentation h3 {
  color: #BC18F2;
}
#modal-create-presentation .floating-label {
  margin: 0;
  margin-bottom: 0;
}
#modal-create-presentation .floating-label input {
  margin-bottom: 0;
}

#modal-share-presentation #presentationcode {
  color: #BC18F2;
  font-size: 1.5rem;
  display: inline-block;
  background: #fff;
  padding: 1rem;
  border-radius: 12px;
}
#modal-share-presentation .btn-search-icon {
  margin: 0 0 1.625rem 0;
  background: #6257ec;
  padding: 0.635rem 1.635rem;
  border-radius: 99px;
  border: 2px solid #6257ec;
  transition: all 0.3s ease;
}
#modal-share-presentation .btn-search-icon svg {
  height: 20px;
  stroke: #fff;
  margin: 0;
  padding-bottom: 0;
}
#modal-share-presentation .btn-search-icon svg .st-search {
  stroke: #fff;
}
#modal-share-presentation .btn-search-icon:hover, #modal-share-presentation .btn-search-icon:active, #modal-share-presentation .btn-search-icon:focus {
  background: #BC18F2;
  border-color: #BC18F2;
}

.more-options-btn {
  padding: 0 0.635rem;
}
.more-options-btn .tiny-icon {
  margin: -2px 0 0 0.325rem;
}

.more-options-sub {
  position: absolute;
  background: #E7E7F7;
  border-radius: 12px;
  display: none;
  z-index: 999;
}
.more-options-sub .inner {
  list-style-type: none;
  margin: 0;
  padding: 0.325rem 0;
}
.more-options-sub .inner li {
  padding: 0 0.635rem;
}
.more-options-sub .inner button, .more-options-sub .inner a {
  border-bottom: 1px solid #6257ec;
  width: 100%;
  padding: 1rem 0.635rem;
  font-weight: 600;
  font-size: 1rem;
  color: #BC18F2;
  text-decoration: none;
  display: block;
  margin: 0;
  line-height: 1.1;
}
.more-options-sub .inner button:hover, .more-options-sub .inner button:focus, .more-options-sub .inner button:active, .more-options-sub .inner a:hover, .more-options-sub .inner a:focus, .more-options-sub .inner a:active {
  background: #C9EDE8;
}
.more-options-sub .inner li:last-child button, .more-options-sub .inner li:last-child a {
  border: none;
}

#modal-share-presentation .search-result {
  margin-bottom: 0.635rem;
}
#modal-share-presentation .search-avatar {
  border-radius: 999px;
  background: #C9EDE8;
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 48px;
  font-weight: 700;
  background-size: cover;
  margin: 0.5rem 0.625rem;
}

.marketing-tools #marketing-tool-item .open, #single-cat-scroller #marketing-tool-item .open {
  width: 100%;
}
.marketing-tools .spinner div, #single-cat-scroller .spinner div {
  background-color: #6257ec;
}
.marketing-tools h2, #single-cat-scroller h2 {
  font-size: 1.5rem;
  margin-top: 0.635rem;
  margin-bottom: 0.635rem;
}
.marketing-tools h3.cat-header, #single-cat-scroller h3.cat-header {
  border-bottom: 1px solid #BC18F2;
  padding-bottom: 0.635rem;
  margin: 0 0 1rem 0;
  padding-top: 1rem;
}
.marketing-tools .item, .marketing-tools .item-media, #single-cat-scroller .item, #single-cat-scroller .item-media {
  cursor: hand;
  cursor: pointer;
  padding-bottom: 1.635rem;
}
.marketing-tools .item .img-wrapper, .marketing-tools .item-media .img-wrapper, #single-cat-scroller .item .img-wrapper, #single-cat-scroller .item-media .img-wrapper {
  background: #E7E7F7;
  border-radius: 12px;
  padding: 0.635rem;
}
.marketing-tools .item .img-wrapper .img, .marketing-tools .item-media .img-wrapper .img, #single-cat-scroller .item .img-wrapper .img, #single-cat-scroller .item-media .img-wrapper .img {
  height: 100%;
  background: #fff;
  display: flex;
}
.marketing-tools .item .img-wrapper img, .marketing-tools .item-media .img-wrapper img, #single-cat-scroller .item .img-wrapper img, #single-cat-scroller .item-media .img-wrapper img {
  width: 100%;
}
.marketing-tools .item h3, .marketing-tools .item-media h3, #single-cat-scroller .item h3, #single-cat-scroller .item-media h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  color: #52439b;
  padding: 0.35rem 1rem 1.635rem;
}
@media print, screen and (min-width: 40em) {
  .marketing-tools .item h3, .marketing-tools .item-media h3, #single-cat-scroller .item h3, #single-cat-scroller .item-media h3 {
    padding: 0.35rem 1rem;
  }
}
.marketing-tools .share-categories h3, #single-cat-scroller .share-categories h3 {
  margin-bottom: 0;
}
.marketing-tools .item-categories, #single-cat-scroller .item-categories {
  margin-top: 2.5rem;
}
.marketing-tools .item-categories h3, #single-cat-scroller .item-categories h3 {
  margin-bottom: 0;
}
.marketing-tools .item-categories ul, #single-cat-scroller .item-categories ul {
  margin: 0.135rem 0 0 0;
  list-style-type: none;
}
.marketing-tools .item-categories ul li, #single-cat-scroller .item-categories ul li {
  display: inline-block;
  background: #999AED;
  color: #fff;
  font-size: 0.85rem;
  border-radius: 99px;
  padding: 0.235rem 1.235rem;
  margin-right: 0.635rem;
  text-transform: capitalize;
}
.marketing-tools #load-item .preview, #single-cat-scroller #load-item .preview {
  background: #E7E7F7;
  text-align: center;
  padding: 0.935rem;
}
.marketing-tools #load-item .preview img, #single-cat-scroller #load-item .preview img {
  height: auto;
  max-height: 65vh;
  width: auto;
  background: #fff;
}
.marketing-tools #load-item .preview .iframe, #single-cat-scroller #load-item .preview .iframe {
  height: 65vh;
}
.marketing-tools #load-item .preview .iframe.video, #single-cat-scroller #load-item .preview .iframe.video {
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 40em) {
  .marketing-tools #load-item .preview .iframe.video, #single-cat-scroller #load-item .preview .iframe.video {
    width: 65vw;
    height: 65vh;
  }
}
.marketing-tools #load-item #link-list, #single-cat-scroller #load-item #link-list {
  margin: 0;
  list-style-type: none;
}
.marketing-tools #load-item #link-list li, #single-cat-scroller #load-item #link-list li {
  display: inline-block;
  vertical-align: top;
}
.marketing-tools #highlights, #single-cat-scroller #highlights {
  padding: 1.635rem 0;
  background: #E7E7F7;
  margin-bottom: 1.635rem;
  text-align: center;
}
.marketing-tools #highlights .carousel-cell, #single-cat-scroller #highlights .carousel-cell {
  width: 100%;
  margin-right: 5%;
}
@media print, screen and (min-width: 40em) {
  .marketing-tools #highlights .carousel-cell, #single-cat-scroller #highlights .carousel-cell {
    width: 33%;
  }
}
@media print, screen and (min-width: 64em) {
  .marketing-tools #highlights .carousel-cell, #single-cat-scroller #highlights .carousel-cell {
    width: 25%;
  }
}
.marketing-tools #highlights h3, #single-cat-scroller #highlights h3 {
  color: #6257ec;
  margin-bottom: 0;
}
.marketing-tools #highlights img, #single-cat-scroller #highlights img {
  margin: 0 auto;
  max-height: 200px;
  width: auto;
}
.marketing-tools #load-category-list, #single-cat-scroller #load-category-list {
  margin-top: 2rem;
}
.marketing-tools #load-category-list h2, #single-cat-scroller #load-category-list h2 {
  margin-bottom: 1rem;
}
.marketing-tools #category-list .item, #single-cat-scroller #category-list .item {
  background: #E7E7F7;
  border-radius: 12px;
  padding: 0;
  margin-bottom: 1.875rem;
}
.marketing-tools #category-list .item h3, #single-cat-scroller #category-list .item h3 {
  padding-top: 2.325rem;
  padding-bottom: 2.325rem;
}
.marketing-tools #category-list .item button, .marketing-tools #category-list .item a, #single-cat-scroller #category-list .item button, #single-cat-scroller #category-list .item a {
  display: block;
  width: 100%;
  padding: 0.635rem;
  height: 100%;
  text-decoration: none;
}
.marketing-tools ul#search-results, #single-cat-scroller ul#search-results {
  list-style-type: none;
  margin: 0;
}
@media print, screen and (min-width: 64em) {
  .marketing-tools ul#search-results, #single-cat-scroller ul#search-results {
    width: 75%;
    margin: 0 auto;
  }
}
.marketing-tools ul#search-results li, #single-cat-scroller ul#search-results li {
  width: 100%;
  padding-top: 0.635rem;
  padding-bottom: 0.635rem;
  margin: 0;
  cursor: hand;
  cursor: pointer;
}
.marketing-tools ul#search-results li:hover, .marketing-tools ul#search-results li:focus, .marketing-tools ul#search-results li:active, #single-cat-scroller ul#search-results li:hover, #single-cat-scroller ul#search-results li:focus, #single-cat-scroller ul#search-results li:active {
  background: #E7E7F7;
}
.marketing-tools ul#search-results li h3, #single-cat-scroller ul#search-results li h3 {
  margin: 1rem 0;
  color: #52439b;
}
.marketing-tools ul#search-results li .img-wrapper, #single-cat-scroller ul#search-results li .img-wrapper {
  background: #E7E7F7;
  border-radius: 12px;
  padding: 0.635rem;
}
.marketing-tools ul#search-results li .img-wrapper img, #single-cat-scroller ul#search-results li .img-wrapper img {
  background: #fff;
}
.marketing-tools ul#search-results .item-categories, #single-cat-scroller ul#search-results .item-categories {
  display: none;
  margin-top: 0;
}
.marketing-tools ul#search-results .search-result-button, #single-cat-scroller ul#search-results .search-result-button {
  background: #6257ec;
  padding: 0.625rem 1.325rem;
  border-radius: 99px;
  color: #fff;
}
.marketing-tools .close-item, #single-cat-scroller .close-item {
  display: block;
  height: 50px;
  width: 50px;
  padding: 0.325rem;
  cursor: pointer;
  cursor: hand;
}

#product-grid .item {
  width: 50%;
}
@media print, screen and (min-width: 40em) {
  #product-grid .item {
    width: 33%;
  }
}
@media print, screen and (min-width: 64em) {
  #product-grid .item {
    width: 25%;
  }
}
#product-grid .item:hover, #product-grid .item:active, #product-grid .item:focus {
  cursor: hand;
  cursor: pointer;
}

#load-product-info, .load-product-info {
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 40em) {
  #load-product-info, .load-product-info {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
#load-product-info h2, .load-product-info h2 {
  margin: 0.5rem 0 0 0;
}
#load-product-info .cat-wrapper .button-group1, .load-product-info .cat-wrapper .button-group1 {
  padding-left: 0;
}
#load-product-info .main-img, .load-product-info .main-img {
  background: #E7E7F7;
  border-radius: 12px;
  padding-top: 0.935rem;
  padding-bottom: 0.935rem;
}
@media print, screen and (min-width: 40em) {
  #load-product-info .main-img, .load-product-info .main-img {
    background: initial;
  }
}
#load-product-info .cat-wrapper, .load-product-info .cat-wrapper {
  text-align: center;
}
#load-product-info .tabs-title, .load-product-info .tabs-title {
  float: none;
}
#load-product-info .tabs-title.is-active a, .load-product-info .tabs-title.is-active a {
  color: #302952;
  background: #E7E7F7;
}
#load-product-info .tabs-panel, .load-product-info .tabs-panel {
  display: none;
  min-height: 100vh;
}
#load-product-info .tabs-panel.is-active, .load-product-info .tabs-panel.is-active {
  display: block;
}
#load-product-info .tabs-panel .font-tiny, .load-product-info .tabs-panel .font-tiny {
  font-size: 0.85rem;
  line-height: 12px;
}
#load-product-info p.btn-link, .load-product-info p.btn-link {
  margin-top: 0.635rem;
  line-height: 1.4;
}
#load-product-info textarea#wine-note, .load-product-info textarea#wine-note {
  min-height: 125px;
}
#load-product-info .info, .load-product-info .info {
  margin: 0;
}
#load-product-info .info li, .load-product-info .info li {
  margin-bottom: 1.635rem;
}
@media print, screen and (min-width: 40em) {
  #load-product-info .info li, .load-product-info .info li {
    margin-bottom: 3.635rem;
  }
}
#load-product-info .info li img, .load-product-info .info li img {
  max-height: 60px;
}
#load-product-info .info h3, .load-product-info .info h3 {
  margin-top: 0;
  margin-bottom: 0;
}
#load-product-info .info .volume, .load-product-info .info .volume {
  color: #909090;
}
#load-product-info #recipe, #load-product-info .recipe, .load-product-info #recipe, .load-product-info .recipe {
  display: block;
  position: relative;
}
#load-product-info #recipe span, #load-product-info .recipe span, .load-product-info #recipe span, .load-product-info .recipe span {
  position: absolute;
  display: block;
  background: rgba(48, 41, 82, 0.75);
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 48px;
  padding: 0.635rem;
  max-width: 100%;
  border-radius: 0 0 12px 12px;
}
#load-product-info #recipe img, #load-product-info .recipe img, .load-product-info #recipe img, .load-product-info .recipe img {
  border-radius: 12px;
  width: 100%;
}
#load-product-info #recipe h3, #load-product-info .recipe h3, .load-product-info #recipe h3, .load-product-info .recipe h3 {
  margin-top: 0;
}
#load-product-info #recipe p, #load-product-info .recipe p, .load-product-info #recipe p, .load-product-info .recipe p {
  color: #fff;
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
}
#load-product-info #downloads a img, .load-product-info #downloads a img {
  max-height: 135px;
}
#load-product-info hr.name-break, .load-product-info hr.name-break {
  display: none;
}
@media print, screen and (min-width: 40em) {
  #load-product-info hr.name-break, .load-product-info hr.name-break {
    display: block;
    margin: 1.635rem auto;
    width: 90%;
    border-bottom-color: #E7E7F7;
  }
}
#load-product-info .cards, .load-product-info .cards {
  list-style-type: none;
  margin: 0;
}
#load-product-info .cards p, .load-product-info .cards p {
  color: #BC18F2;
  line-height: 1.1;
  margin-top: 0.625rem;
}
#load-product-info #grid-top, .load-product-info #grid-top {
  position: relative;
  position: sticky;
  top: 0;
}
#load-product-info .helper, .load-product-info .helper {
  position: relative;
  z-index: 1;
  color: #302952;
  margin-left: 16px;
  cursor: hand;
  cursor: pointer;
}
#load-product-info .helper::before, .load-product-info .helper::before {
  content: "";
  z-index: -1;
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: calc(50% - 16px);
  top: calc(50% - 16px);
  background: #fff1d6;
  border-radius: 99px;
}
#load-product-info #grape-demo, .load-product-info #grape-demo {
  display: none;
  background: #E7E7F7;
  border-radius: 12px;
  padding: 1rem;
}
#load-product-info #grape-demo img, .load-product-info #grape-demo img {
  max-height: inherit;
}
#load-product-info #grape-demo p, .load-product-info #grape-demo p {
  padding-bottom: 0;
  margin-bottom: 0;
}
#load-product-info #images .slick-arrow, .load-product-info #images .slick-arrow {
  cursor: hand;
  cursor: pointer;
  width: 0px;
  height: 0px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-radius: 12px;
  -moz-transition: all 0.5s 0s;
  -o-transition: all 0.5s 0s;
  -webkit-transition: all 0.5s 0s;
  transition: all 0.5s 0s;
}
#load-product-info #images .slick-arrow::before, .load-product-info #images .slick-arrow::before {
  display: none;
}
#load-product-info #images .slick-arrow.slick-prev, .load-product-info #images .slick-arrow.slick-prev {
  left: 15px;
  border-right: 30px solid #fff;
}
#load-product-info #images .slick-arrow.slick-prev:hover, #load-product-info #images .slick-arrow.slick-prev:active, #load-product-info #images .slick-arrow.slick-prev:focus, .load-product-info #images .slick-arrow.slick-prev:hover, .load-product-info #images .slick-arrow.slick-prev:active, .load-product-info #images .slick-arrow.slick-prev:focus {
  border-right-color: #6257ec;
}
@media print, screen and (min-width: 40em) {
  #load-product-info #images .slick-arrow.slick-prev, .load-product-info #images .slick-arrow.slick-prev {
    border-right-color: #E7E7F7;
  }
  #load-product-info #images .slick-arrow.slick-prev:hover, #load-product-info #images .slick-arrow.slick-prev:active, #load-product-info #images .slick-arrow.slick-prev:focus, .load-product-info #images .slick-arrow.slick-prev:hover, .load-product-info #images .slick-arrow.slick-prev:active, .load-product-info #images .slick-arrow.slick-prev:focus {
    border-right-color: #6257ec;
  }
}
#load-product-info #images .slick-arrow.slick-next, .load-product-info #images .slick-arrow.slick-next {
  right: 15px;
  border-left: 30px solid #fff;
}
#load-product-info #images .slick-arrow.slick-next:hover, #load-product-info #images .slick-arrow.slick-next:active, #load-product-info #images .slick-arrow.slick-next:focus, .load-product-info #images .slick-arrow.slick-next:hover, .load-product-info #images .slick-arrow.slick-next:active, .load-product-info #images .slick-arrow.slick-next:focus {
  border-left-color: #6257ec;
}
@media print, screen and (min-width: 40em) {
  #load-product-info #images .slick-arrow.slick-next, .load-product-info #images .slick-arrow.slick-next {
    border-left-color: #E7E7F7;
  }
  #load-product-info #images .slick-arrow.slick-next:hover, #load-product-info #images .slick-arrow.slick-next:active, #load-product-info #images .slick-arrow.slick-next:focus, .load-product-info #images .slick-arrow.slick-next:hover, .load-product-info #images .slick-arrow.slick-next:active, .load-product-info #images .slick-arrow.slick-next:focus {
    border-left-color: #6257ec;
  }
}
#load-product-info #images .single-image, .load-product-info #images .single-image {
  display: flex !important;
  height: 50vh;
}
@media print, screen and (min-width: 40em) {
  #load-product-info #images .single-image, .load-product-info #images .single-image {
    height: 100%;
  }
}
#load-product-info #images .single-image img, .load-product-info #images .single-image img {
  text-align: center;
  margin: 0 auto;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  #load-product-info #images .single-image img, .load-product-info #images .single-image img {
    height: auto;
  }
}
#load-product-info .inventory_level, .load-product-info .inventory_level {
  width: 125px;
  position: absolute;
  box-sizing: content-box;
  width: 55%;
  position: absolute;
  left: 15%;
  margin-left: -15%;
  max-width: 96px;
  width: 35%;
  left: 25%;
}

.decider {
  min-height: 55px;
}
.decider button.btn-main {
  opacity: 0;
  margin: 0 auto;
}
.decider h2 {
  border-bottom: 1px solid #e8e8e8;
  width: 98%;
  padding-bottom: 1.5em;
}
.decider h2 span {
  margin-right: 0.5rem;
  color: #52439b;
  cursor: hand;
  cursor: pointer;
}
.decider .icon-circle-left {
  position: absolute;
  left: 2.5rem;
  margin-top: 15px;
  font-size: 28px;
}
.decider .agreement-row label span {
  background: #e8e8e8;
  display: inline-block;
}
.decider .agreement-row label h3 {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
}
.decider .agreement-row label p {
  color: #302952;
}
.decider .agreement-row label span.download {
  display: inline-block;
  background: none;
  float: none;
}
.decider .agreement-row label span.download img {
  height: 36px;
}

.host-empty {
  position: relative;
}
.host-empty .host-confirm {
  min-height: 100px;
}
.host-empty .host-confirm .btn-host-empty-checkout {
  display: none;
}
.host-empty .order-confirm {
  display: none;
}

.guest-list #host-reward-toggle {
  display: none;
}
.guest-list #host-reward-toggle.show {
  display: flex;
}
.guest-list #host-reward-toggle .host-reward-wrapper {
  margin: 0 auto;
  background: #E7E7F7;
  padding: 0.635rem;
  border-radius: 12px;
}
.guest-list .hosticon {
  background: #C9EDE8;
  color: #6257ec;
  font-weight: 700;
}
.guest-list #order-summary .number {
  margin-top: 20px;
}
@media print, screen and (min-width: 40em) {
  .guest-list #order-summary .number {
    margin-top: 0;
  }
}
.guest-list .order-header {
  color: #00ab91;
  font-weight: 700;
  border-bottom: 1px solid #BC18F2;
  background: #fff;
  padding: 1rem 0;
  margin-top: 2rem;
  z-index: 2;
  position: sticky;
  top: -1px;
}
.guest-list .guest {
  border-bottom: 1px solid #BC18F2;
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
}
.guest-list .guest ul.guest-interest {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.guest-list .guest ul.guest-interest li {
  font-size: 1rem;
  margin: 0;
  padding: 0;
}
.guest-list .guest .circ-icon {
  margin-right: 0.125rem;
}
.guest-list .guest .guesticon {
  background: #fff1d6;
}
.guest-list .guest .firstname {
  margin-left: 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc(100% - 40px);
  vertical-align: middle;
}
.guest-list .guest a.name {
  width: calc(100% - 40px);
  display: inline-block;
}
.guest-list .guest .interest-checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 30px;
  margin-bottom: 12px;
  font-size: 1rem;
}
.guest-list .guest .interest-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.guest-list .guest .interest-checkbox input:checked ~ .checkmark {
  background-color: #E7E7F7;
}
.guest-list .guest .interest-checkbox .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  border: 2px solid #999AED;
  background-color: #fff;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
  font-size: 1rem;
}
.guest-list .guest .interest-checkbox .checkbox::after {
  content: "";
  position: absolute;
  display: none;
}
.guest-list .guest .interest-checkbox .checkbox::after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid #52439b;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.guest-list .guest .interest-checkbox:hover input ~ .checkbox {
  background-color: #E7E7F7;
}
.guest-list .guest .interest-checkbox input:checked ~ .checkbox:after {
  display: block;
}
.guest-list .guest .email {
  margin-top: 1rem;
  display: block;
  max-width: calc(100vw - 3.75rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.guest-list .guest .promo {
  font-size: 1rem;
  margin-left: calc(30px + .625rem);
}
.guest-list .guest .promo .pill {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.35rem;
}
@media print, screen and (min-width: 40em) {
  .guest-list .guest {
    border: none;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
  }
  .guest-list .guest .email {
    margin-top: 0;
  }
}
.guest-list .guest.host {
  margin-bottom: 2rem;
}

#tasting-result {
  display: none;
  background: #E7E7F7;
  padding: 0.635rem 1rem;
  color: #302952;
  border-radius: 12px;
  margin-top: 1rem;
}
#tasting-result p {
  color: #302952;
  font-weight: 600;
  margin-bottom: 0;
}
#tasting-result a {
  color: #BC18F2;
}
#tasting-result .small-icon {
  margin-right: 0.635rem;
}

.single-page h2 {
  margin-top: 2.135rem;
  margin-bottom: 1.635rem;
}

.events {
  margin-top: 2.35rem;
}
@media print, screen and (min-width: 40em) {
  .events {
    margin-top: 0;
  }
}
.events .event {
  background: #E7E7F7;
  border: 2px solid #E7E7F7;
  border-radius: 12px;
  margin-bottom: 2.35rem;
  -moz-transition: all 0.5s 0s;
  -o-transition: all 0.5s 0s;
  -webkit-transition: all 0.5s 0s;
  transition: all 0.5s 0s;
}
.events .event:hover, .events .event:focus, .events .event:active {
  box-shadow: 0px 0px 24px -6px #52439b;
}
@media print, screen and (min-width: 40em) {
  .events .event {
    padding: 0 0 2.625rem 0;
  }
}
.events .event .eventgroup {
  padding: 0.235rem 1.25rem 0.635rem 1.25rem;
}
.events .event .sectiongroup, .events .event .eventgroup {
  margin-bottom: 0;
  text-decoration: none;
  -moz-transition: all 0.5s 0s;
  -o-transition: all 0.5s 0s;
  -webkit-transition: all 0.5s 0s;
  transition: all 0.5s 0s;
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
  -moz-transition: box-shadow 0.5s 0s, color 0.5s;
  -o-transition: box-shadow 0.5s 0s, color 0.5s;
  -webkit-transition: box-shadow 0.5s 0s, color 0.5s;
  transition: box-shadow 0.5s 0s, color 0.5s;
}
.events .event .sectiongroup h2, .events .event .eventgroup h2 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.events .event .sectiongroup img, .events .event .eventgroup img {
  -moz-transition: all 0.5s 0s;
  -o-transition: all 0.5s 0s;
  -webkit-transition: all 0.5s 0s;
  transition: all 0.5s 0s;
}
.events .event .sectiongroup:hover, .events .event .sectiongroup:focus, .events .event .sectiongroup:active, .events .event .eventgroup:hover, .events .event .eventgroup:focus, .events .event .eventgroup:active {
  background: #E7E7F7;
}
.events .event .sectiongroup:hover img, .events .event .sectiongroup:focus img, .events .event .sectiongroup:active img, .events .event .eventgroup:hover img, .events .event .eventgroup:focus img, .events .event .eventgroup:active img {
  transform: scale(1.25);
}
.events .edit-icon {
  height: 40px;
  padding: 0 1rem;
}
.events .datemsg {
  display: block;
  font-weight: 700;
}
.events .datemsg.soon {
  color: #00ab91;
}
.events .datemsg.past {
  color: #D45E5E;
}
.events .datemsg.now {
  color: #BC18F2;
}

#order-summary .topline {
  padding: 1rem 0 1rem 0;
  font-size: 0.85rem;
}
#order-summary .order-row {
  margin-bottom: 1rem;
}
#order-summary .order-recap {
  position: relative;
  margin: 1rem auto 1em auto;
  color: white;
  color: #302952;
}
#order-summary .order-recap .section-header {
  height: 100%;
  position: relative;
}
#order-summary .order-recap .columns > .section-wrapper {
  position: relative;
}
@media print, screen and (min-width: 40em) {
  #order-summary .order-recap .columns > .section-wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
#order-summary .promo .pill {
  display: inline-block;
  padding: 10px 20px;
  font-size: 1rem;
  max-width: 100%;
}
#order-summary .number {
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  z-index: 1;
  border-radius: 99px;
  line-height: 65px;
  text-align: center;
  color: #6257ec;
  font-weight: 700;
  display: block;
  margin: 0 auto 0.325rem auto;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  #order-summary .number {
    line-height: 120px;
  }
}
#order-summary .number::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 45px);
  top: calc(50% - 45px);
  z-index: -1;
  width: 90px;
  height: 90px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #C9EDE8;
}
@media print, screen and (min-width: 40em) {
  #order-summary .number::before {
    width: 120px;
    height: 120px;
    right: calc(50% - 60px);
    top: calc(50% - 60px);
  }
}
#order-summary h3.check-request {
  background: #6257ec;
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  margin: 1rem 0;
  text-align: center;
  padding: 1.5rem;
}
#order-summary .guest {
  padding: 2rem 0;
  margin-bottom: 2.25rem;
  border-bottom: 6px solid #E7E7F7;
}
#order-summary .ito-recap h3 {
  font-family: "Prata", serif;
  font-size: 1.5rem;
  color: #00ab91;
  font-weight: 400;
}
#order-summary ul.order-info {
  margin: 0;
  list-style-type: none;
}
#order-summary .name {
  font-weight: 700;
}
#order-summary .Host {
  color: #52439b;
}
#order-summary .tracking-block {
  border-top: 1px solid #BC18F2;
  padding-top: 0.635rem;
  margin-top: 0.635rem;
}

.personal-order-promo.promo .pill {
  display: inline-block;
  padding: 10px 20px;
  font-size: 1rem;
  max-width: 100%;
}

.outer-card-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  height: 100vh;
  width: 100vw;
}
.outer-card-wrapper article {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.onboarding {
  background: #E7E7F7;
  background-repeat: no-repeat;
  background-position: -1% -1%;
  background-size: 40%;
}
.onboarding .external-header {
  margin: 2vh 0;
  max-width: 100%;
}
.onboarding img {
  height: 11vh;
  min-height: 90px;
}
.onboarding img.helper {
  height: auto;
}
.onboarding #svg-logo svg {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 38px;
  flex: 0 0 38px;
  height: 6.625rem;
}
@media print, screen and (min-width: 40em) {
  .onboarding #svg-logo svg {
    height: 6.625rem;
  }
}
.onboarding .wrapper {
  min-height: auto;
  overflow: auto;
  padding: 0;
}
.onboarding .main {
  margin-left: 0;
  width: 100%;
  padding: 0;
  min-height: calc(100vh - 65px);
  flex: auto;
}
.onboarding .main article {
  max-width: 100%;
  margin-bottom: 0;
}
.onboarding .main article .card-wrapper {
  background: #fff;
  border-radius: 12px;
  width: 98%;
  box-shadow: 0 0 0 2px #e8e8e8;
  margin-left: 1%;
}
@media print, screen and (min-width: 40em) {
  .onboarding .main article .card-wrapper {
    width: 85%;
    margin-left: 7.5%;
    overflow: auto;
  }
}
.onboarding .main article h1 {
  font-size: 2.25rem;
  font-family: "Poppins", sans-serif;
  color: #6257ec;
  font-weight: 800;
  padding: 1.35rem 1.635rem 0.635rem 1.635rem;
  margin: 0;
  text-align: left;
}
.onboarding .main article hr {
  height: 1px;
  border-bottom: 1px solid #fff;
  margin: 0 0 3vh 0;
}
.onboarding .main article .full-width {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  margin: 0;
}
.onboarding .main article .input-sm {
  margin-bottom: 20px;
}
.onboarding .main article .error {
  display: none;
  border: 2px solid red;
  color: red;
  padding: 1rem;
}
.onboarding .main article .license-row label {
  margin-bottom: 1rem;
}
.onboarding .main article .license-row label p {
  color: #302952;
  display: inline-block;
}
.onboarding .main article .license-row label span {
  background: #e8e8e8;
}
.onboarding .main article .card-footer {
  min-height: 10vh;
}
.onboarding .main article .card-footer .columns {
  height: 10vh;
}
.onboarding .main article .card-footer div > span {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.onboarding .main article .card-footer .nav-text {
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 700;
  padding-right: 0.5rem;
  color: #BC18F2;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  cursor: hand;
}
.onboarding .main article .card-footer .slide-next, .onboarding .main article .card-footer .slide-prev, .onboarding .main article .card-footer .nav-icon {
  display: inline-block;
  vertical-align: middle;
}
.onboarding .main article .card-nav {
  color: #BC18F2;
  font-size: 2.25rem;
  cursor: pointer;
  cursor: hand;
}
.onboarding .main article #agreements label {
  width: 90%;
}
.onboarding .main article #agreements label span {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}
.onboarding .main article #agreements label h2 {
  color: #52439b;
  width: calc(100% - 55px);
  margin: 0;
  margin-left: 10px;
  vertical-align: top;
  display: inline-block;
}
.onboarding .main article #agreements label p {
  margin: 1rem 0 2rem 0;
  color: #302952;
}
.onboarding .main article #agreements label span.download {
  margin: 0;
}
.onboarding .main article #agreements label span.download a {
  color: #BC18F2;
  font-size: 1rem;
  margin-left: 15px;
}
.onboarding .btn-onboarding {
  float: right;
}
.onboarding .icon {
  margin: 0;
  display: block;
}
.onboarding .icon img {
  min-height: 40px;
  width: 40px;
}
.onboarding .card-wrapper {
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.onboarding .card-wrapper.clicked {
  margin-top: -100px;
  opacity: 0;
  z-index: 999;
}
.onboarding .footer {
  background: none;
  border: none;
  color: #52439b;
  margin-left: 0;
  width: 100%;
  height: 4vh;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.onboarding .footer .feedback {
  display: none;
}
.onboarding .footer p {
  margin: 0;
}
.onboarding .footer a {
  color: #52439b;
  text-decoration: underline;
}
.onboarding .social a {
  color: #BC18F2;
}
.onboarding .social a svg {
  max-height: 10vh;
}

#dashboard-news .grid-container {
  position: relative;
  padding: 0.635rem 1.635rem;
}
#dashboard-news .close-news {
  position: absolute;
  top: 0.635rem;
  right: 0.135rem;
}
@media print, screen and (min-width: 64em) {
  #dashboard-news .close-news {
    right: 1rem;
  }
}
#dashboard-news img {
  border-radius: 12px;
}
#dashboard-news .news-details {
  background: #E7E7F7;
  border-radius: 12px;
}
#dashboard-news .news-details h2 {
  margin: 0.635rem 0;
}
#dashboard-news .news-details h3 {
  line-height: 1.6;
  margin-top: 0;
}

.news-more {
  display: block;
  text-align: right;
}

.news .alignleft {
  float: left;
  margin: 0 1rem 1rem 0;
}
.news .news-title-wrapper {
  margin-bottom: 1rem;
  position: relative;
  text-align: left;
}
.news .news-title-wrapper h1 {
  text-align: left;
  justify-content: left;
  font-family: "Poppins", sans-serif;
  font-size: 2.25rem;
  color: #6257ec;
  font-weight: 700;
}
.news .circ {
  display: inline-block;
  vertical-align: middle;
  border: 4px solid #00ab91;
  background: #fff;
  color: #00ab91;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 44px;
  border-radius: 999px;
  font-size: 1.5rem;
  margin: 0 0.25rem 1rem 0;
}
.news .news-item {
  margin-bottom: 4rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.news hr.small {
  margin-bottom: 2rem;
}
.news .most-recent a {
  float: right;
  position: fixed;
  right: 1%;
  bottom: 10%;
  width: 12%;
  z-index: 999;
  color: #fff;
  text-align: center;
  padding: 0.5rem;
  background: #909090;
}
.news .most-recent a:hover {
  background: #777777;
}
.news .nav-links a {
  font-size: 0;
  color: transparent;
}

.template-block {
  margin-bottom: 2rem;
  padding: 0.5rem;
  text-align: center;
  position: relative;
  -moz-transition: border 0.5s 0s, color 0.5s;
  -o-transition: border 0.5s 0s, color 0.5s;
  -webkit-transition: border 0.5s 0s, color 0.5s;
  transition: border 0.5s 0s, color 0.5s;
  -moz-transition: box-shadow 0.5s 0s, color 0.5s;
  -o-transition: box-shadow 0.5s 0s, color 0.5s;
  -webkit-transition: box-shadow 0.5s 0s, color 0.5s;
  transition: box-shadow 0.5s 0s, color 0.5s;
}
.template-block .template-name {
  padding: 0.5rem;
  text-align: center;
  color: #BC18F2;
  font-weight: 700;
}
.template-block .catwrapper {
  bottom: 10px;
  left: 0;
}
.template-block .catwrapper .pill {
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: top;
  max-width: initial;
}
.template-block.active-template {
  background: #e8e8e8;
  box-shadow: 0px 0px 24px -6px #52439b;
  position: relative;
}
.template-block.active-template:before {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  content: "";
  position: absolute;
  right: -5px;
  top: -15px;
  background: #C9EDE8;
  color: #6257ec;
  border-radius: 99px;
  width: 60px;
  height: 60px;
  font-size: 22px;
  line-height: 60px;
}

.error-wrapper {
  border: 2px solid #D45E5E;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  text-align: left;
}
.error-wrapper h2 {
  margin-bottom: 1rem;
  color: #D45E5E;
}

.error {
  color: #D45E5E;
}

.event-result-wrapper {
  background: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  z-index: 999;
  position: fixed;
  top: 70px;
}
.event-result-wrapper.row {
  max-width: 80rem;
}
@media print, screen and (min-width: 64em) {
  .event-result-wrapper {
    position: absolute;
    top: 0;
  }
}
.event-result-wrapper button.btn-reset-guest {
  font-weight: 700;
}
.event-result-wrapper .or-div {
  display: block;
  margin: 1rem;
}
.event-result-wrapper h2 {
  color: #6257ec;
  margin-top: 1rem;
}
.event-result-wrapper a.btn-event-setup {
  display: block;
  color: #52439b;
  background: #E7E7F7;
  text-align: center;
  font-size: 1.05rem;
  line-height: 1.155rem;
  padding: 7.5vh 0;
  border-radius: 8px;
  margin-bottom: 1rem;
  -moz-transition: all 0.25s 0s, color 0.25s;
  -o-transition: all 0.25s 0s, color 0.25s;
  -webkit-transition: all 0.25s 0s, color 0.25s;
  transition: all 0.25s 0s, color 0.25s;
  -moz-transition: box-shadow 0.25s 0s, color 0.25s;
  -o-transition: box-shadow 0.25s 0s, color 0.25s;
  -webkit-transition: box-shadow 0.25s 0s, color 0.25s;
  transition: box-shadow 0.25s 0s, color 0.25s;
}
.event-result-wrapper a.btn-event-setup:hover, .event-result-wrapper a.btn-event-setup:focus, .event-result-wrapper a.btn-event-setup:active {
  background: #6257ec;
  color: #fff;
  box-shadow: 0px 0px 16px 0 #909090;
}

.success-wrapper {
  border: 2px solid #00ab91;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin-bottom: 2rem;
  text-align: left;
}
.success-wrapper h2 {
  margin-bottom: 1rem;
  color: #00ab91;
}

.create-event .btn-inline-small {
  padding: 1rem 0;
  margin: 0.5rem 0;
}
.create-event .info-warning {
  color: #BC18F2;
  font-weight: bold;
  max-width: 94%;
  display: flex;
  margin: auto;
}
.create-event #step-wrapper {
  margin: 1rem 0;
}
.create-event .btn-cancel-event {
  margin-top: 1rem;
  color: #D45E5E;
}
.create-event .filter-hide {
  display: none;
}
.create-event #theme-filter {
  margin-top: -1rem;
  margin-bottom: 2rem;
}
.create-event #theme-filter ul {
  margin: 0;
  list-style-type: none;
}
.create-event #theme-filter ul li {
  display: inline-block;
}
.create-event #theme-filter ul li button {
  padding: 0.635rem 1.635rem;
  background: #E7E7F7;
  margin-right: 0.635rem;
  border-radius: 99px;
  -moz-transition: all 0.5s 0s;
  -o-transition: all 0.5s 0s;
  -webkit-transition: all 0.5s 0s;
  transition: all 0.5s 0s;
}
.create-event #theme-filter ul li button:focus, .create-event #theme-filter ul li button:active, .create-event #theme-filter ul li button:hover {
  background: #6257ec;
  color: #fff;
}
.create-event .event-setup {
  display: none;
}
.create-event .event-setup .carousel .card {
  min-height: auto;
}
.create-event .event-setup p.helper-text {
  margin-bottom: 0;
  padding-bottom: 2rem;
}
.create-event .btn-prev-button {
  display: none;
  width: 100%;
  height: 100%;
}
.create-event ul#steps {
  margin: 10px 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
@media print, screen and (min-width: 64em) {
  .create-event ul#steps {
    margin-bottom: 1.5rem;
  }
}
.create-event ul#steps.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.create-event ul#steps li {
  text-align: center;
}
.create-event ul#steps li button {
  background: #E7E7F7;
  border: none;
  border-radius: 32px;
  padding: 0.625rem 1.25rem;
  line-height: inherit;
  font-size: 1rem;
  font-weight: 800;
  display: block;
  width: 96%;
  text-align: center;
  color: #6257ec;
}
.create-event ul#steps li button:disabled {
  color: #909090;
}
.create-event ul#steps li button.active-btn {
  background: #52439b;
  color: #fff;
}
.create-event #types .card {
  background: #909090;
  cursor: hand;
  cursor: pointer;
}
.create-event #types .card h3, .create-event #types .card p {
  color: #fff;
}
.create-event #types .card h3 {
  margin-top: 0;
}
.create-event #types .card.active-type {
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
  background: #6257ec;
  position: relative;
}
.create-event #types .card.active-type:before {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  content: "";
  position: absolute;
  right: -5px;
  top: 5px;
  text-align: center;
  background: #C9EDE8;
  color: #6257ec;
  border-radius: 99px;
  width: 60px;
  height: 60px;
  font-size: 22px;
  line-height: 60px;
}

.inline-datepicker {
  box-shadow: 0px 0px 16px 0 #909090;
}
.inline-datepicker#ui-datepicker-div {
  background: #E7E7F7;
  border-radius: 12px;
}
.inline-datepicker#ui-datepicker-div .ui-datepicker-header {
  padding: 0.5rem 0;
}
.inline-datepicker#ui-datepicker-div .ui-datepicker-title {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  text-align: center;
  font-weight: 700;
}
.inline-datepicker#ui-datepicker-div a.ui-datepicker-prev {
  float: left;
  margin-left: 0.635rem;
  text-decoration: none;
}
.inline-datepicker#ui-datepicker-div a.ui-datepicker-next {
  float: right;
  margin-right: 0.635rem;
  text-decoration: none;
}
.inline-datepicker#ui-datepicker-div .ui-datepicker-calendar {
  width: 100%;
}
.inline-datepicker#ui-datepicker-div .ui-datepicker-calendar th {
  text-align: center;
  background: #6257ec;
  color: #fff;
}
.inline-datepicker#ui-datepicker-div .ui-datepicker-calendar tr {
  background: #E7E7F7;
}
.inline-datepicker#ui-datepicker-div .ui-datepicker-calendar td {
  text-align: center;
}
.inline-datepicker#ui-datepicker-div .ui-datepicker-calendar td a {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-decoration: none;
}
.inline-datepicker#ui-datepicker-div .ui-datepicker-calendar tbody, .inline-datepicker#ui-datepicker-div .ui-datepicker-calendar thead {
  border: none;
}
.inline-datepicker#ui-datepicker-div a.ui-state-active {
  background: #C9EDE8;
  color: #302952;
  border-radius: 99%;
}

body.lead {
  background: linear-gradient(-45deg, #2e2657, #6257ec, #52439b);
  background-attachment: fixed;
}
body.lead #toolbar {
  background: transparent;
  position: absolute;
  top: 0.5rem;
  left: 1rem;
}
body.lead #toolbar button {
  position: fixed;
}
body.lead #toolbar button:hover {
  cursor: hand;
  cursor: pointer;
}
body.lead .sidebar {
  display: none;
  width: 100% !important;
  top: 0 !important;
  background: #52439b;
}
body.lead .sidebar h2 {
  color: #fff;
}
body.lead .back-leads {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
}
body.lead .back-leads a {
  color: #fff;
}
body.lead .external-header {
  padding: 2rem 0;
}
body.lead input, body.lead select, body.lead .picker {
  background: rgba(255, 255, 255, 0.65);
  color: #302952;
  font-weight: bold;
}
body.lead .picker {
  background: rgba(255, 255, 255, 0.65);
}
body.lead #Zip {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  body.lead #Zip {
    width: 30%;
  }
}
body.lead label {
  color: #fff;
}
body.lead .guest {
  text-align: left;
}
body.lead .lead-logo {
  padding: 3rem 1rem 2rem 1rem;
}
body.lead #toolbar {
  display: block;
  z-index: 999;
}
body.lead #avatar-row {
  padding-top: 3rem;
  text-align: left;
}
@media print, screen and (min-width: 40em) {
  body.lead #avatar-row {
    text-align: right;
  }
}
body.lead #avatar-row h2 {
  color: #feba16;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 0;
  padding-bottom: 0;
}
body.lead #avatar-row h3 {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 1.05rem;
}
body.lead #avatar-row .avatar {
  width: 100px;
  height: 100px;
  border-color: #feba16;
}
body.lead .content-section {
  margin-left: 0;
  width: 100%;
}
body.lead .content-section > .group {
  background: #fff;
  margin-bottom: 2rem;
}
body.lead .content-section h2 {
  color: #52439b;
  font-family: "Prata", serif;
}
body.lead .content-section .order-group {
  margin: 1rem auto;
}
body.lead .footer {
  margin-left: 0;
  width: 100%;
}

.leads .btn-edit-interaction {
  margin-right: 1.625rem;
}
.leads .callout h3 {
  margin-bottom: 0;
}
.leads .pill {
  margin-bottom: 0.325rem;
  max-width: 125px;
}
.leads #table1_wrapper {
  width: 100%;
}
.leads #table1_wrapper tbody tr:nth-child(even) {
  background: transparent;
}
.leads #table1_wrapper .lead-info {
  border: 2px solid #6257ec;
  border-radius: 8px;
  padding: 0.625rem;
  padding-bottom: 1rem;
  text-align: left;
}
.leads #table1_wrapper .lead-info .email {
  margin-top: 1rem;
  display: block;
  max-width: calc(100vw - 3.75rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media print, screen and (min-width: 40em) {
  .leads #table1_wrapper .lead-info {
    border: none;
    border-bottom: 1px solid #6257ec;
    border-radius: 0;
  }
  .leads #table1_wrapper .lead-info .email {
    margin-top: 0;
  }
}
.leads .tabs-panel {
  padding: 0;
}
.leads .tag-list h3 {
  margin-bottom: 0.5rem !important;
}
.leads .tag-list .tag {
  background: #e8e8e8;
  border: 2px solid #e8e8e8;
  color: #777777;
  text-transform: uppercase;
  padding: 0 10px;
  border-radius: 16px;
  font-size: 0.5rem;
  line-height: 1.5rem;
  display: inline-block;
  font-weight: 900;
  margin: 0.25rem 0;
  cursor: hand;
  cursor: pointer;
}
.leads .tag-list .tag .btn-delete-tag {
  margin-left: 0.75rem;
  background: #d45e5e;
  color: #fff;
  border: 1px solid #d45e5e;
  border-radius: 999px;
  width: 1.5rem;
  display: inline-block;
  text-align: center;
}
.leads .tag-list .add {
  border: 2px solid #52439b;
  border-radius: 99px;
  background: #52439b;
  color: #fff;
  font-size: 0.5rem;
  padding: 0 10px;
  text-transform: uppercase;
  line-height: 1.5rem;
  font-weight: 900;
  display: inline-block;
}
.leads .tag-list .add:hover, .leads .tag-list .add:focus {
  cursor: hand;
  cursor: pointer;
}
.leads .add-tag-wrapper {
  margin-top: 0.5rem;
}
.leads .add-tag-wrapper .btn-alt {
  min-width: auto;
}
.leads span.link {
  font-size: 0.85rem;
  line-height: 2.25rem;
  text-transform: uppercase;
  vertical-align: top;
}
.leads .lead-moreinfo {
  display: none;
  padding: 0.625rem 0;
}
@media print, screen and (min-width: 40em) {
  .leads .lead-moreinfo {
    display: block;
  }
}
@media print, screen and (min-width: 40em) {
  .leads .lead-info.callout {
    background: #fff;
  }
}
.leads .btn-see-more {
  color: #52439b;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
}
.leads .status-icon {
  width: 24px;
  height: 24px;
  border-radius: 99px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.leads input.guest {
  text-align: left;
}
.leads .info-block {
  background: #e8e8e8;
  padding: 2rem;
  margin-bottom: 2rem;
}
.leads table td.date, .leads table td.phone {
  white-space: nowrap;
}
.leads table .phone .email {
  font-size: 0.85rem;
  display: block;
}
.leads .type-circ {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
.leads .type-circ.Recruiting {
  background: #6257ec;
}
.leads .type-circ.Active, .leads .type-circ.Joined, .leads .type-circ.Booked {
  background: #52ab01;
}
.leads .type-circ.NoFollowUp {
  background: #feba16;
}
.leads .type-circ.NoInterest {
  background: #d45e5e;
}
.leads div.notes img.emojione {
  width: 24px;
}
.leads .emojionearea {
  border: none;
  background: #e8e8e8;
  border-radius: 0;
}
.leads .emojionearea.focused {
  box-shadow: none;
}
.leads .emojionearea .emojionearea-editor {
  background: #fff;
  color: #6257ec;
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
  min-height: 300px;
  border: 2px solid #6257ec;
  border-radius: 8px;
}
.leads .emojionearea .emojionearea-editor:focus, .leads .emojionearea .emojionearea-editor:active {
  outline: 0px !important;
  -webkit-appearance: none;
  border: 2px solid #6257ec;
}
.leads .emojionearea.emojionearea-disable {
  background: #fff;
  height: 150px;
}
.leads .emojionearea.emojionearea-disable:before {
  background: #fff;
  opacity: 0;
}
.leads .emojionearea.emojionearea-disable .emojionearea-editor {
  background: #fff;
  border: none;
}
.leads .tdnotes {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leads .tdnotes img {
  width: 20px;
  height: 20px;
}
.leads.edit-lead h2, .leads .agenda-info h2 {
  font-weight: 900;
  color: #52439b;
  margin-bottom: 1rem;
}
.leads.edit-lead h3, .leads .agenda-info h3 {
  color: #52439b;
  font-weight: bold;
  margin: 0;
}
.leads .filter ul > li {
  margin: inherit;
}
.leads .interactions {
  position: relative;
}
.leads .interactions .checkmark {
  margin: 2% auto;
}
.leads .interactions label {
  color: #52439b;
  font-weight: 700;
  margin-bottom: 0;
}
.leads .interactions .next-action {
  margin-bottom: 0.635rem;
}
.leads .interactions h3 {
  margin-top: 0;
}
.leads .interactions .icon.type {
  display: inline-block;
  margin: auto 1rem auto 0;
  height: 42px;
  width: 42px;
  border-radius: 999px;
  border: 6px solid #e8e8e8;
  background: #909090;
  line-height: 42px;
  vertical-align: middle;
  background-size: cover;
  color: #fff;
}
.leads .interactions .icon.type.PhoneCall {
  background-color: #52439b;
  border-color: #52439b;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/phone.svg);
}
.leads .interactions .icon.type.SMS {
  background-color: #00ab91;
  border-color: #00ab91;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/iphoneX.svg);
}
.leads .interactions .icon.type.EmailCheckIn {
  background-color: #6257ec;
  border-color: #6257ec;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/email.svg);
}
.leads .interactions .icon.type.VideoCall {
  background-color: #005f50;
  border-color: #005f50;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/video.svg);
}
.leads .interactions .icon.type.Meeting {
  background-color: #3f3477;
  border-color: #3f3477;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/meeting.svg);
}
.leads .interactions .icon.type.TastingShadow {
  background-color: #cdcaf9;
  border-color: #cdcaf9;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/wineglass.svg);
}
.leads .interactions .icon.type.FacebookMessenger {
  background-color: #005f50;
  border-color: #005f50;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/facebookmessenger.svg);
}
.leads .interactions .icon.type.Transfer {
  background-color: #a3e0d8;
  border-color: #a3e0d8;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/name.svg);
}
.leads .interactions .icon.type.entered {
  background-color: #52ab01;
  border-color: #52ab01;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/name.svg);
}
.leads .interactions .icon.type.NoInterest {
  background-color: #d45e5e;
  border-color: #d45e5e;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/x.svg);
}
.leads .interactions .icon.type.NoFollowUp {
  background-color: #feba16;
  border-color: #feba16;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/minus.svg);
}
.leads .interactions .icon.type.Joined, .leads .interactions .icon.type.Booked {
  background-color: #52ab01;
  border-color: #52ab01;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/check.svg);
}
.leads .interactions .interactions-wrapper {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #52439b;
}
.leads .interactions .interaction {
  margin-bottom: 1.5rem;
  max-width: 40rem;
}
.leads .interactions .interaction.completed {
  background: #fff;
  margin: 1.5rem 0;
  padding: 1.5rem 0.5rem;
  border: 2px solid #999AED;
  border-radius: 8px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .leads .interactions .interaction.completed {
    padding: 1.5rem;
  }
}
.leads .interactions .interaction.completed:before {
  content: "";
  background-color: #999AED;
  position: absolute;
  width: 4px;
  height: 2rem;
  top: 100%;
  left: 50%;
  display: block;
}
.leads .interactions .interaction.completed:last-child:before {
  content: "";
  background-color: #909090;
  position: absolute;
  width: 2px;
  height: 0;
  top: 100%;
  left: 50%;
  display: none;
}
.leads .interactions .interaction textarea {
  border-radius: 8px;
  min-height: 20vh;
  margin-bottom: 0;
}
.leads .interactions .interaction textarea[name=interactionnotes] {
  margin-top: 1rem;
}
.leads .interactions .interaction .input-sm {
  margin-bottom: 0;
}
.leads .interactions .interaction .btnnotetoggle {
  position: absolute;
  right: 2%;
  cursor: hand;
  cursor: pointer;
  color: #52439b;
}
.leads .interactions .interaction .row.actions {
  margin-top: 1rem;
}
.leads .interactions .interaction .row.actions .btn-alt {
  padding: 10px 30px;
}
.leads .interactions .interaction .row.actions .btn-edit-interaction, .leads .interactions .interaction .row.actions .btn-cancel-followup {
  color: #52439b;
}
.leads .interactions .interaction .interaction-block {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 60px);
}
.leads .interactions .interaction .interaction-block h3 {
  color: #6257ec;
  font-size: 1.05rem;
  line-height: 1.47rem;
  font-weight: bold;
  margin: 0 0 0 0;
}
.leads .interactions .interaction .interaction-block p {
  color: #302952;
  font-size: 1rem;
  margin: 0;
}
.leads .add-lead-link {
  margin: 1rem 0;
}
@media print, screen and (min-width: 40em) {
  .leads .add-lead-link {
    margin: 0;
    width: initial;
  }
}
.leads .leadsource {
  font-size: 0.5rem;
  text-transform: uppercase;
  margin-left: 0.5rem;
  background: #999AED;
  padding: 0 25px;
  border-radius: 99px;
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  margin: 1rem 0.5rem 1rem 0;
  display: inline-block;
}
.leads .picker {
  color: #302952;
  font-weight: bold;
  margin: 0;
}
.leads .picker button {
  -moz-transition: background-color 0.5s 0s, color 0.5s;
  -o-transition: background-color 0.5s 0s, color 0.5s;
  -webkit-transition: background-color 0.5s 0s, color 0.5s;
  transition: background-color 0.5s 0s, color 0.5s;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.35);
  padding: 15px 15px;
  width: 100%;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.4;
  cursor: hand;
  cursor: pointer;
}
.leads .picker button:hover, .leads .picker button:active, .leads .picker button:focus, .leads .picker button.picked {
  background: #6257ec;
  color: #fff;
}
.leads .picker button.picked {
  background: #52439b;
  color: #fff;
}
@media print, screen and (min-width: 40em) {
  .leads .picker button {
    margin: 1rem;
  }
}
.leads #vendor-confirm {
  display: block;
  padding-top: 2rem;
}
.leads #vendor-confirm h2 {
  color: #feba16;
  font-family: "Prata", serif;
  font-size: 2.25rem;
  font-weight: normal;
}
.leads #vendor-confirm h3 {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
}
.leads #vendor-confirm p {
  color: #fff;
}
.leads .filter ul.tabs {
  width: calc(100% - 0.625rem);
  text-align: left;
}
.leads .filter ul.tabs li a {
  margin: 10px 0;
  padding: 0.625rem 1.25rem;
}

.agenda .interaction {
  cursor: hand;
  cursor: pointer;
}
.agenda .agenda-info .notes {
  min-height: 300px;
}
.agenda .slide-agenda {
  display: none;
  width: 100%;
}

.badgegroup .badge-list {
  width: 100%;
}
.badgegroup .badgelist {
  margin: 1.625rem 0;
  width: 100%;
}
.badgegroup .badgelist .cell {
  margin: 0.935rem 0;
}

.cart-rewards .reward-img {
  width: 100%;
  margin-bottom: 1.35rem;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0.635rem;
}
.cart-rewards .reward-img .wrp {
  position: relative;
}
.cart-rewards .reward-img .wrp::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 1px);
  top: calc(50% - 1px);
  z-index: -1;
  width: 2px;
  height: 2px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
  z-index: 0;
}
.cart-rewards .reward-img h4 {
  margin-bottom: 1.35rem;
}
.cart-rewards .reward-img img {
  padding: 0 0.35rem;
  min-height: 200px;
  max-height: 200px;
  position: relative;
}
.cart-rewards .reward-img.disabled {
  cursor: default;
  box-shadow: none !important;
}
.cart-rewards .reward-img.disabled::before {
  background: none;
}
.cart-rewards .reward-img.disabled:active::before, .cart-rewards .reward-img.disabled:focus::before, .cart-rewards .reward-img.disabled:hover::before {
  background: none;
}
.cart-rewards .reward-img.disabled h4 {
  color: #909090;
}
.cart-rewards .reward-img.disabled img {
  opacity: 0.4;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.cart-rewards .reward-img.disabled span {
  display: block;
  background: none;
  color: inherit;
  margin: 0.635rem 0 0 0;
}
.cart-rewards .reward-img.disabled .wrp::before {
  background: none !important;
}
.cart-rewards .reward-img:active, .cart-rewards .reward-img:focus, .cart-rewards .reward-img:hover {
  box-shadow: 0px 0px 40px 40px inset #f6f6fc;
  border-radius: 8px;
}
.cart-rewards .reward-img:active span, .cart-rewards .reward-img:focus span, .cart-rewards .reward-img:hover span {
  background: #6257ec;
  color: #fff;
}
.cart-rewards .reward-img:active span.disabled, .cart-rewards .reward-img:focus span.disabled, .cart-rewards .reward-img:hover span.disabled {
  background: none;
  color: inherit;
}
.cart-rewards .reward-img:active .wrp::before, .cart-rewards .reward-img:focus .wrp::before, .cart-rewards .reward-img:hover .wrp::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 60px);
  top: calc(50% - 60px);
  z-index: -1;
  width: 120px;
  height: 120px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
  z-index: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .cart-rewards .btn-alt {
    min-width: auto;
    width: auto;
  }
}
.cart-rewards .btn-remove-reward:active span, .cart-rewards .btn-remove-reward:focus span, .cart-rewards .btn-remove-reward:hover span, .cart-rewards .btn-disabled:active span, .cart-rewards .btn-disabled:focus span, .cart-rewards .btn-disabled:hover span {
  background: #C9EDE8;
  border-color: #C9EDE8;
  color: #6257ec;
}
.cart-rewards .btn-remove-reward span, .cart-rewards .btn-disabled span {
  background: #C9EDE8;
  border-color: #C9EDE8;
}
.cart-rewards .btn-remove-reward:active, .cart-rewards .btn-remove-reward:focus, .cart-rewards .btn-remove-reward:hover, .cart-rewards .btn-disabled:active, .cart-rewards .btn-disabled:focus, .cart-rewards .btn-disabled:hover {
  box-shadow: none;
}
.cart-rewards .btn-remove-reward:active .wrp::before, .cart-rewards .btn-remove-reward:focus .wrp::before, .cart-rewards .btn-remove-reward:hover .wrp::before, .cart-rewards .btn-disabled:active .wrp::before, .cart-rewards .btn-disabled:focus .wrp::before, .cart-rewards .btn-disabled:hover .wrp::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 60px);
  top: calc(50% - 60px);
  z-index: -1;
  width: 120px;
  height: 120px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #fff;
  opacity: 0.2;
  z-index: 0;
}
.cart-rewards .btn-disabled:active, .cart-rewards .btn-disabled:focus, .cart-rewards .btn-disabled:hover {
  cursor: initial;
}
.cart-rewards .btn-disabled span:active, .cart-rewards .btn-disabled span:focus, .cart-rewards .btn-disabled span:hover {
  cursor: initial;
}
.cart-rewards .reqs {
  margin: 0.35rem 0 0 0;
  padding: 0;
  list-style-type: none;
  color: #909090;
}
.cart-rewards span.reward-img {
  margin-top: 1.35rem;
  width: auto;
}

.comp-bottle-list .img-wrapper img {
  max-height: 220px;
}

.presentation-viewer {
  display: none;
}
.presentation-viewer h2 {
  font-size: 2.05rem;
  line-height: 2.3575rem;
  color: #6257ec;
  margin-top: 0.625rem;
}
.presentation-viewer #chapter-view .slick-slide {
  min-height: 80vw;
}
.presentation-viewer .bullets {
  background: #E7E7F7;
  border-radius: 12px;
  padding: 1rem;
}
.presentation-viewer .bullets .bullet-list li {
  margin-bottom: 0.635rem;
}
.presentation-viewer p.moment {
  line-height: 1.8;
}
.presentation-viewer .info {
  margin-top: 2rem;
}
.presentation-viewer .category {
  margin: 0;
}
.presentation-viewer .category li.pill {
  background: #C9EDE8;
  color: #302952;
  display: inline-block;
  vertical-align: top;
  max-width: initial;
  margin-right: 0.635rem;
  margin-bottom: 0.635rem;
  font-size: 0.85rem;
  padding: 0.635rem 1.635rem;
}

#clock {
  display: none;
}
@media print, screen and (min-width: 40em) {
  #clock {
    position: sticky;
    bottom: 64px;
    right: 5px;
    width: 100px;
    color: #BC18F2;
    border-radius: 99px;
    background: #E7E7F7;
    text-align: center;
    font-weight: 700;
    padding: 0.325rem 0.635rem;
    float: right;
  }
  #clock #midday {
    font-size: 0.85rem;
  }
}

@media print, screen and (min-width: 64em) {
  .event-setup .input-half, .eventgroup .input-half {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
  }
}
.event-setup .headline-block, .eventgroup .headline-block {
  margin-bottom: 0.625rem;
}
.event-setup .headline-block h2.h2byline, .eventgroup .headline-block h2.h2byline {
  margin-top: 1rem;
}
.event-setup h2, .eventgroup h2 {
  font-size: 2.05rem;
  line-height: 2.3575rem;
  color: #6257ec;
  margin-top: 0.625rem;
  margin-bottom: 0;
  margin-top: 0;
}
.event-setup #host-reward-toggle, .eventgroup #host-reward-toggle {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .event-setup #host-reward-toggle, .eventgroup #host-reward-toggle {
    width: 75%;
    margin: 0 auto 1rem auto;
  }
}
.event-setup .host-reward-view-toggle:hover, .event-setup .host-reward-view-toggle:active, .event-setup .host-reward-view-toggle:focus, .eventgroup .host-reward-view-toggle:hover, .eventgroup .host-reward-view-toggle:active, .eventgroup .host-reward-view-toggle:focus {
  cursor: hand;
  cursor: pointer;
}
.event-setup #host-rewards-result h3, .eventgroup #host-rewards-result h3 {
  margin: 0;
}
.event-setup #host-rewards-result h3 label, .eventgroup #host-rewards-result h3 label {
  line-height: 1.2;
}
.event-setup #host-rewards-result h4, .eventgroup #host-rewards-result h4 {
  text-overflow: initial;
  overflow: initial;
  white-space: normal;
  color: #302952;
}
.event-setup #host-rewards-result .reward-grid, .eventgroup #host-rewards-result .reward-grid {
  border-bottom: 1px solid #BC18F2;
  padding: 1rem 0;
  margin-bottom: 1rem;
  display: flex;
  align-items: stretch;
}
.event-setup #host-rewards-result .reward-grid:first-child, .eventgroup #host-rewards-result .reward-grid:first-child {
  border-top: 1px solid #BC18F2;
}
.event-setup #host-rewards-result .reward-grid > .cell, .eventgroup #host-rewards-result .reward-grid > .cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-setup #host-rewards-result .reward-grid .COMPBOTTLE, .eventgroup #host-rewards-result .reward-grid .COMPBOTTLE {
  display: none;
}
.event-setup #host-rewards-result .reward-grid .COMPBOTTLE:last-of-type, .eventgroup #host-rewards-result .reward-grid .COMPBOTTLE:last-of-type {
  display: block;
}
.event-setup .select-wrapper, .eventgroup .select-wrapper {
  margin-bottom: 40px;
}
.event-setup .event-link-block, .eventgroup .event-link-block {
  display: block;
  font-size: 1.05rem;
  background: #E7E7F7;
  border-radius: 12px;
  text-align: center;
  padding: 2.25rem 0;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  text-decoration: none;
  color: #6257ec;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
  -moz-transition: box-shadow 0.25s 0s, color 0.25s;
  -o-transition: box-shadow 0.25s 0s, color 0.25s;
  -webkit-transition: box-shadow 0.25s 0s, color 0.25s;
  transition: box-shadow 0.25s 0s, color 0.25s;
}
.event-setup .event-link-block:hover, .event-setup .event-link-block:focus, .event-setup .event-link-block:active, .eventgroup .event-link-block:hover, .eventgroup .event-link-block:focus, .eventgroup .event-link-block:active {
  box-shadow: 0px 0px 16px 0 #909090;
}
.event-setup button.event-link-block, .eventgroup button.event-link-block {
  width: 100%;
  color: #6257ec;
  font-weight: 700;
}
.event-setup button.event-link-block:hover, .event-setup button.event-link-block:focus, .event-setup button.event-link-block:active, .eventgroup button.event-link-block:hover, .eventgroup button.event-link-block:focus, .eventgroup button.event-link-block:active {
  color: #BC18F2;
}
.event-setup a.btn-event-setup, .eventgroup a.btn-event-setup {
  display: block;
  color: #52439b;
  background: #E7E7F7;
  text-align: center;
  font-size: 1.05rem;
  line-height: 1.155rem;
  padding: 7.5vh 0;
  border-radius: 8px;
  margin-bottom: 1rem;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
  -moz-transition: box-shadow 0.25s 0s, color 0.25s;
  -o-transition: box-shadow 0.25s 0s, color 0.25s;
  -webkit-transition: box-shadow 0.25s 0s, color 0.25s;
  transition: box-shadow 0.25s 0s, color 0.25s;
}
.event-setup a.btn-event-setup:hover, .event-setup a.btn-event-setup:focus, .event-setup a.btn-event-setup:active, .eventgroup a.btn-event-setup:hover, .eventgroup a.btn-event-setup:focus, .eventgroup a.btn-event-setup:active {
  background: #e8e8e8;
  box-shadow: 0px 0px 16px 0 #909090;
}
.event-setup .agreement-row, .eventgroup .agreement-row {
  margin-top: 1rem;
}
.event-setup .agreement-row input[type=checkbox] + label > span, .eventgroup .agreement-row input[type=checkbox] + label > span {
  margin-right: 0.635rem;
  vertical-align: top;
  border-color: #999AED;
}
.event-setup .agreement-row p, .eventgroup .agreement-row p {
  display: inline-block;
  width: calc(100% - 50px);
  margin: 0;
}
.event-setup .event-linklist, .eventgroup .event-linklist {
  list-style-type: none;
  margin: 0;
}
.event-setup .event-linklist li, .eventgroup .event-linklist li {
  margin: 1.35rem 0;
  color: #6257ec;
  line-height: 1.19rem;
  font-weight: 700;
}
.event-setup .event-linklist li strong, .eventgroup .event-linklist li strong {
  color: #302952;
  line-height: 0.85rem;
}
.event-setup .event-linklist li a, .eventgroup .event-linklist li a {
  font-size: 1rem;
  display: block;
}
@media print, screen and (min-width: 40em) {
  .event-setup .event-linklist li a, .eventgroup .event-linklist li a {
    font-size: 0.85rem;
  }
}
.event-setup .inhome-event-toggle, .eventgroup .inhome-event-toggle {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .event-setup .inhome-event-toggle, .eventgroup .inhome-event-toggle {
    display: block !important;
  }
}
.event-setup .inhome-event-toggle .small-icon, .eventgroup .inhome-event-toggle .small-icon {
  margin-right: 0.635rem;
}
.event-setup .inhome-event-toggle a.email, .eventgroup .inhome-event-toggle a.email {
  display: block;
  width: calc(100% - 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-setup .event-nav .slick-slide, .eventgroup .event-nav .slick-slide {
  margin-right: 5vw;
}
.event-setup .rsvp-block, .eventgroup .rsvp-block {
  margin-top: 1.325rem;
  padding: 1rem 0 1rem 0;
  font-size: 0.85rem;
}
.event-setup .rsvp-block a, .eventgroup .rsvp-block a {
  display: block;
  line-height: 1;
  color: #BC18F2;
  text-decoration: underline;
}
.event-setup .rsvp-block .text-block, .eventgroup .rsvp-block .text-block {
  margin-top: 15px;
  display: block;
  line-height: 1.2;
}
.event-setup .arrow-toggle, .eventgroup .arrow-toggle {
  transform: rotate(0deg);
  transition: all 0.25s linear;
}
.event-setup .arrow-toggle.down, .eventgroup .arrow-toggle.down {
  transform: rotate(180deg);
}
.event-setup .arrow-toggle img, .eventgroup .arrow-toggle img {
  height: 30px;
}
.event-setup .number, .eventgroup .number {
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  z-index: 1;
  border-radius: 99px;
  line-height: 65px;
  text-align: center;
  color: #6257ec;
  font-weight: 700;
  display: block;
  margin: 0 auto 0.325rem auto;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .event-setup .number, .eventgroup .number {
    line-height: 120px;
  }
}
.event-setup .number::before, .eventgroup .number::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 45px);
  top: calc(50% - 45px);
  z-index: -1;
  width: 90px;
  height: 90px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #C9EDE8;
}
@media print, screen and (min-width: 40em) {
  .event-setup .number::before, .eventgroup .number::before {
    width: 120px;
    height: 120px;
    right: calc(50% - 60px);
    top: calc(50% - 60px);
  }
}
.event-setup .asset-block h3, .eventgroup .asset-block h3 {
  font-weight: 700;
}
.event-setup .asset-block p, .eventgroup .asset-block p {
  margin-bottom: 0;
}
.event-icons {
  padding: 0.5rem 0 0.625rem 0;
}

.guest-page {
  position: relative;
}
.guest-page .check-callout {
  background: #fff;
  margin: 0 auto 1rem auto;
  padding: 0.5rem 0;
}
.guest-page .btn-response, .guest-page .btn-commpref {
  font-size: 1rem;
  margin: 0.5rem auto;
  background: #e8e8e8;
  color: #302952;
  border-radius: 32px;
  padding: 1rem 4rem;
  font-weight: bold;
  display: block;
  font-weight: 700;
  text-align: center;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
.guest-page .btn-response.active-btn, .guest-page .btn-commpref.active-btn {
  background: #6257ec;
  color: #fff;
}
.guest-page .btn-commpref {
  margin: 0 auto 1rem auto;
}
@media print, screen and (min-width: 40em) {
  .guest-page .btn-commpref {
    margin-bottom: 0;
  }
}
.guest-page .btn-delete-guest {
  margin-top: 3rem;
  color: #D45E5E;
}

.invite-setup .input-sm {
  background: #fff;
  border: 1px solid #909090;
  color: #302952;
}
.invite-setup .input-sm:disabled {
  background: #e8e8e8;
  border-color: #e8e8e8;
}

.preview-wrapper {
  background: #E7E7F7;
  padding: 1rem;
  border-radius: 12px;
}

.previewsubject {
  max-width: 600px;
  margin: 0 auto;
  background: #fff;
}
.previewsubject h2 {
  font-weight: 700;
  font-size: 1.5rem;
  color: #302952;
  margin-bottom: 0 !important;
  padding: 0.635rem 0.635rem 1rem 0.635rem;
}
.previewsubject .email-icon {
  width: 48px;
  background: #6257ec;
  border-radius: 99px;
  padding: 0.635rem;
  margin: 0.635rem;
}

.invite-preview {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  background: #fff;
}
.invite-preview .previewheader img {
  display: block;
  width: 100%;
}
.invite-preview hr {
  width: 100%;
  margin: 1rem auto;
}
.invite-preview h3 {
  margin-bottom: 0;
}
.invite-preview h4 {
  font-family: "Poppins", sans-serif;
  font-size: 2.25rem;
}
.invite-preview h5 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 1rem 0;
}
.invite-preview .btn-faux {
  background: #909090;
  color: #fff;
  max-width: 250px;
  width: 65%;
  text-transform: uppercase;
  padding: 10px 15px;
  margin: 2rem auto;
}
.invite-preview .bodytext {
  margin-bottom: 1rem;
}
.invite-preview .preview-message {
  padding: 1rem;
}

.faux-sms {
  position: relative;
  padding: 15px;
  margin: 1rem 0 0.5em;
  color: #302952;
  background: #e8e8e8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.faux-sms:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50px;
  border: 15px solid transparent;
  border-bottom-color: #e8e8e8;
  display: block;
  width: 0;
}

#leadaccept {
  display: none;
  text-align: center;
}
#leadaccept h2 {
  color: #00ab91 !important;
}
#leadaccept .grid-block .card {
  background: #fff1d6;
  color: #302952;
}
#leadaccept h4 {
  color: #302952;
}
#leadaccept .btn-main {
  background: #6257ec;
  color: #fff;
}
#leadaccept .btn-main:hover, #leadaccept .btn-main:focus, #leadaccept .btn-main:active {
  background: #BC18F2;
}

.rsvp {
  margin-bottom: 2rem;
}

.rsvp, .invitations {
  background: #fff !important;
  width: 100%;
}
.rsvp a.event-link-block, .invitations a.event-link-block {
  width: 100%;
  color: #6257ec;
  font-weight: 700;
  padding-left: 0.635rem;
  padding-right: 0.635rem;
}
.rsvp a.event-link-block:hover, .rsvp a.event-link-block:focus, .rsvp a.event-link-block:active, .invitations a.event-link-block:hover, .invitations a.event-link-block:focus, .invitations a.event-link-block:active {
  background: #E7E7F7;
}
.rsvp a.event-link-block[aria-selected=true], .invitations a.event-link-block[aria-selected=true] {
  background: #E7E7F7;
  box-shadow: 0px 0px 16px 0 #909090;
}
.rsvp #invite-tabs, .invitations #invite-tabs {
  border: none;
}
.rsvp .dark-grey, .invitations .dark-grey {
  color: #909090;
}
.rsvp .login-wrapper, .invitations .login-wrapper {
  background: #fff;
  padding-top: 0;
}
.rsvp .login-wrapper .login, .invitations .login-wrapper .login {
  width: 100%;
  background: #e8e8e8;
}
.rsvp .login-wrapper .login p, .invitations .login-wrapper .login p {
  color: #302952;
}
.rsvp .footer, .invitations .footer {
  margin-left: 0;
  width: 100%;
}
.rsvp h1, .invitations h1 {
  text-align: left;
  font-size: 2rem;
  margin-top: 0;
}
.rsvp hr, .invitations hr {
  border-bottom-color: #BC18F2;
}
.rsvp .header-wrapper, .invitations .header-wrapper {
  background: #e8e8e8;
  margin-bottom: 1rem;
  border-radius: 12px;
  text-align: center;
}
.rsvp .header-wrapper .header-img, .invitations .header-wrapper .header-img {
  max-height: 40vh;
  margin: 0 auto;
}
.rsvp .input-sm, .invitations .input-sm {
  margin-bottom: 20px;
}
.rsvp .rsvp-list, .invitations .rsvp-list {
  margin: 0 auto;
  text-align: center;
}
.rsvp .rsvp-list li, .invitations .rsvp-list li {
  display: inline-block;
  margin-bottom: 0.5%;
}
.rsvp .rsvp-status, .invitations .rsvp-status {
  background: #fff;
  margin-bottom: 1.635rem;
}
.rsvp .commpref, .invitations .commpref {
  background: #fff;
}
.rsvp .close-guest, .invitations .close-guest {
  cursor: pointer;
  cursor: hand;
  color: #6257ec;
  font-size: 2.25rem;
}
.rsvp .guest-info, .invitations .guest-info {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
}
.rsvp .helper, .invitations .helper {
  border-radius: 8px;
  background: #E7E7F7;
  padding: 1rem 1rem;
  margin-bottom: 2rem;
}
.rsvp .event-setup, .invitations .event-setup {
  position: relative;
  padding-bottom: 2rem;
}
.rsvp .guest-header, .invitations .guest-header {
  background: #52439b;
  color: #fff;
  padding: 1rem 0;
  margin-bottom: 1rem;
  border-radius: 12px;
}
.rsvp .guest-header p, .invitations .guest-header p {
  color: #fff;
}
.rsvp h2, .invitations h2 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.rsvp .btn-response, .rsvp .btn-commpref, .invitations .btn-response, .invitations .btn-commpref {
  margin: 0.5rem auto;
  background: #e8e8e8;
  color: #302952;
  border-radius: 32px;
  padding: 1rem 4rem;
  border: 2px solid #e8e8e8;
  font-weight: bold;
  display: block;
  font-weight: 700;
  text-align: center;
}
.rsvp .btn-response.active-btn, .rsvp .btn-commpref.active-btn, .invitations .btn-response.active-btn, .invitations .btn-commpref.active-btn {
  color: #52439b;
  border: 2px solid #52439b;
}
.rsvp .event-invite, .invitations .event-invite {
  color: #52439b;
  font-weight: bold;
}
.rsvp .event-invite .text-wrapper, .invitations .event-invite .text-wrapper {
  color: #302952;
  font-weight: normal;
}
.rsvp ul#invites, .invitations ul#invites {
  margin-bottom: 1.5rem;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.rsvp ul#invites.slick-initialized, .invitations ul#invites.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.rsvp ul#invites li, .invitations ul#invites li {
  text-align: center;
}
.rsvp ul#invites li button, .invitations ul#invites li button {
  background: #e8e8e8;
  border: 2px solid #e8e8e8;
  border-radius: 4px;
  padding: 1rem 0.15rem;
  font-weight: bold;
  display: block;
  width: 96%;
  text-align: center;
}
.rsvp ul#invites li button:disabled, .invitations ul#invites li button:disabled {
  color: #909090;
}
.rsvp ul#invites li button.active-btn, .invitations ul#invites li button.active-btn {
  color: #52439b;
  border: 2px solid #52439b;
}
.rsvp .agreement-row h3, .invitations .agreement-row h3 {
  display: inline-block;
  margin-left: 0.635rem;
  margin-top: 0;
  max-width: 80vw;
}
.rsvp .btn-commpref, .invitations .btn-commpref {
  margin: 0 auto;
  padding: 0.5rem 2rem;
}
.rsvp .btn-response, .invitations .btn-response {
  padding: 1rem 0;
  height: 100%;
  width: 100%;
}
.rsvp .guide-info-block img, .invitations .guide-info-block img {
  max-width: 15vw;
  border-radius: 99px;
  display: inline-block;
  vertical-align: top;
}
@media print, screen and (min-width: 40em) {
  .rsvp .guide-info-block img, .invitations .guide-info-block img {
    max-width: 20%;
    text-align: center;
  }
}
.rsvp .guide-info-block p, .invitations .guide-info-block p {
  width: 42vw;
  display: inline-block;
  vertical-align: middle;
  padding-left: 2vw;
}
@media print, screen and (min-width: 40em) {
  .rsvp .guide-info-block p, .invitations .guide-info-block p {
    width: 80%;
    text-align: left;
  }
}
.rsvp ul#steps, .invitations ul#steps {
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  max-width: 75rem;
  margin: 0 auto;
}
@media print, screen and (min-width: 64em) {
  .rsvp ul#steps, .invitations ul#steps {
    margin-bottom: 1.5rem;
  }
}
.rsvp ul#steps.slick-initialized, .invitations ul#steps.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.rsvp ul#steps li, .invitations ul#steps li {
  text-align: center;
}
.rsvp ul#steps li button, .invitations ul#steps li button {
  background: #e8e8e8;
  color: #6257ec;
  border: none;
  border-radius: 99px;
  padding: 0.9375rem 1.25rem;
  font-weight: bold;
  display: block;
  width: 96%;
  text-align: center;
  line-height: 2rem;
  margin: 1rem 0;
  cursor: hand;
  cursor: pointer;
}
.rsvp ul#steps li button:disabled, .invitations ul#steps li button:disabled {
  color: #909090;
}
.rsvp ul#steps li button.active-btn, .invitations ul#steps li button.active-btn {
  margin: 1rem 0;
  color: #fff;
  background: #6257ec;
}
.rsvp #notification-table, .invitations #notification-table {
  width: 100%;
}
.rsvp #notification-table table td, .invitations #notification-table table td {
  text-align: left;
}

.rsvp h1 {
  font-family: "Poppins", sans-serif;
  color: #6257ec;
  font-weight: 700;
  display: block;
}
.rsvp h1 span {
  display: inline-block;
}

.dataTables_info {
  font-size: 0.85rem;
}

#recognition h3 {
  color: #52439b;
  margin-bottom: 0;
}
#recognition .data-table {
  position: relative;
  min-height: 200px;
  width: 100%;
  margin-bottom: 2rem;
}
#recognition .data-table table.table .highlight {
  color: #302952;
  background: #e8e8e8;
}
#recognition .data-table table.table tbody tr:nth-child(even) {
  background: none;
}
#recognition .data-table table.table td {
  padding: 0.635rem 3px 0.635rem 3px;
  vertical-align: middle;
}
#recognition .data-table table.table th {
  padding: 0.25rem;
}
#recognition .data-table table.leaderboard tbody tr {
  border: none;
}
#recognition .data-table table.leaderboard tbody tr:nth-child(even) {
  background: none;
}
#recognition .data-table table.leaderboard tbody tr:nth-child(n+11) {
  display: none;
}
#recognition .data-table table.leaderboard tbody tr.show {
  display: block !important;
}
#recognition .data-table .show-ties {
  color: #52439b;
  font-size: 0.85rem;
  cursor: hand;
  cursor: pointer;
}
#recognition .data-table .leader {
  background: #6257ec;
}
#recognition .data-table .leader .leader-wrapper {
  padding: 20px 0;
}
@media print, screen and (min-width: 40em) {
  #recognition .data-table .leader .leader-wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
  }
}
#recognition .data-table .leader .avatar {
  border: 3px solid #feba16;
  border-radius: 99px;
}
#recognition .data-table .leader h2 {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 2.25rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
#recognition .data-table .leader h3 {
  color: #fff;
  margin-top: 1.5rem;
  padding: 0 2rem;
}
#recognition .data-table .leader p {
  color: #fff;
}
#recognition .data-table .leader span {
  color: #fff;
  margin-bottom: 2rem;
  display: block;
}
#recognition .data-table .leaderboard {
  list-style-type: none;
  text-align: left;
}
#recognition .data-table .leaderboard li {
  margin-bottom: 0.5rem;
}
#recognition .data-table .leaderboard .name {
  color: #6257ec;
  font-weight: 700;
}
#recognition .data-table .leaderboard .title {
  display: block;
  font-weight: normal;
}
#recognition .data-table .leaderboard .value {
  font-size: 1.05rem;
  color: #52439b;
}
#recognition .data-table .leaderboard span.rank {
  display: inline-block;
  border-radius: 99px;
  background: #C9EDE8;
  color: #302952;
  text-align: center;
  height: 32px;
  width: 32px;
  line-height: 32px;
  margin: 0 10px 0 0;
}

#redemption .next-level, #event-management .next-level {
  clear: both;
  padding-top: 15px;
  margin-bottom: 0;
}
#redemption .next-level li, #event-management .next-level li {
  list-style-type: none;
  display: inline-block;
}
#redemption .next-level li img, #event-management .next-level li img {
  width: 32px;
}
#redemption .header-redeem, #event-management .header-redeem {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#redemption .badge-wrapper, #event-management .badge-wrapper {
  padding: 0 5px;
}
#redemption .badgebtn, #event-management .badgebtn {
  cursor: hand;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  padding-bottom: 1px;
}
#redemption .badgebtn:hover, #event-management .badgebtn:hover {
  border-bottom: 1px solid #52439b;
}
#redemption .getbtn, #event-management .getbtn {
  display: inline-block;
  color: #fff;
}
#redemption .getbtn:hover, #redemption .getbtn:focus, #event-management .getbtn:hover, #event-management .getbtn:focus {
  background: #fff;
  color: #6257ec;
}
#redemption .getbtn a, #event-management .getbtn a {
  color: #fff;
}
#redemption .getbtn a:hover, #redemption .getbtn a:focus, #event-management .getbtn a:hover, #event-management .getbtn a:focus {
  color: #6257ec;
}
#redemption .vertalign, #event-management .vertalign {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#redemption .main-badge, #event-management .main-badge {
  max-width: 128px;
  max-height: 128px;
  margin: 0 auto;
}
#redemption .widget-box-top, #event-management .widget-box-top {
  padding: 10px;
}
#redemption .widget-box-top .badge-box, #event-management .widget-box-top .badge-box {
  background: url(../../../thrive/images/thrive-coins.png) no-repeat center center;
}
#redemption .widget-box-top .badge-box > .row > div, #event-management .widget-box-top .badge-box > .row > div {
  height: 128px;
}
#redemption .widget-box-top .badge-box .link, #event-management .widget-box-top .badge-box .link {
  min-height: 128px;
  height: 128px;
  width: 128px;
  margin: 0 auto;
}
#redemption .grid, #event-management .grid {
  background: #fff;
  margin: 0;
  padding: 0;
}
#redemption .grid50, #event-management .grid50 {
  margin: 0 auto;
}
#redemption .grid33, #event-management .grid33 {
  margin: 0 auto;
}
#redemption .grid33 > div, #event-management .grid33 > div {
  padding: 0;
}
#redemption .top-text, #event-management .top-text {
  text-transform: uppercase;
  margin: 0;
}
#redemption .point-summary, #event-management .point-summary {
  cursor: pointer;
  cursor: hand;
}
#redemption .point-summary p, #event-management .point-summary p {
  color: #fff;
}
#redemption .point-summary .cont-overlay, #event-management .point-summary .cont-overlay {
  border-radius: 999px;
  width: 128px !important;
}
#redemption .point-summary .cont-overlay .getbtn, #event-management .point-summary .cont-overlay .getbtn {
  font-size: 0.85rem;
  padding: 7px 14px;
}
#redemption .top-text, #event-management .top-text {
  font-weight: 700;
}
#redemption .point-totals, #event-management .point-totals {
  font-family: "Prata", serif;
  font-size: 1.9125rem;
  color: #fff;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 2.25rem;
}
#redemption .modal-title, #event-management .modal-title {
  margin: 0 0 1rem 0;
}
#redemption .right, #event-management .right {
  padding: 0;
}
#redemption .left, #event-management .left {
  padding: 0;
}
#redemption .modal-title, #event-management .modal-title {
  font-weight: 300;
  background: #6257ec;
  color: #fff;
  padding: 10px;
}
#redemption .reveal, #event-management .reveal {
  background: #fff;
  padding: 0;
}
#redemption .modal-body, #event-management .modal-body {
  padding: 0;
}
#redemption .modal-body > .row, #event-management .modal-body > .row {
  margin: 0;
}
#redemption .modal-body h2.header, #event-management .modal-body h2.header {
  color: #6257ec;
}
#redemption .modal-body .modal-summary, #event-management .modal-body .modal-summary {
  padding: 20px 10px;
  margin: 0;
}
#redemption .modal-body .modal-summary .cell, #event-management .modal-body .modal-summary .cell {
  position: relative;
  color: #302952;
}
#redemption .modal-body .item-sep, #event-management .modal-body .item-sep {
  width: 20%;
  border-top-color: #52439b;
  margin: 10px 0;
}
#redemption .divider, #event-management .divider {
  height: 4px;
  background: #00ab91;
}
#redemption .link, #event-management .link {
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  min-height: 300px;
}
#redemption .link .cont-overlay, #event-management .link .cont-overlay {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  background: rgba(54, 42, 124, 0.9);
  width: 100%;
  height: 100%;
}
#redemption .link .cont-overlay .cont-overlay-in, #event-management .link .cont-overlay .cont-overlay-in {
  padding: 10px;
  top: 0;
  left: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#redemption .link .cont-overlay h5, #event-management .link .cont-overlay h5 {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
#redemption .link .cont-overlay h6, #event-management .link .cont-overlay h6 {
  color: #fff;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 1.05rem;
}
#redemption .link .btn-wrap, #event-management .link .btn-wrap {
  opacity: 0;
}
#redemption .link .btn-wrap a, #event-management .link .btn-wrap a {
  display: inline-block;
  background: #feba16;
  color: #fff;
  margin: 10px 0;
  text-transform: uppercase;
  padding: 7px 20px;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
#redemption .link .btn-wrap a:hover, #redemption .link .btn-wrap a:focus, #event-management .link .btn-wrap a:hover, #event-management .link .btn-wrap a:focus {
  text-decoration: none;
  background: #fff;
  color: #52439b;
}
#redemption .link-1, #event-management .link-1 {
  background-image: url(../../../thrive/images/tasting-set-cart.png);
}
#redemption .link-2, #event-management .link-2 {
  background-image: url(../../../thrive/images/product-credits-cart.png);
}
#redemption .link-3, #event-management .link-3 {
  background-image: url(../../../thrive/images/experiences-cart.png);
}
#redemption .link-4, #event-management .link-4 {
  background-image: url(../../../thrive/images/logoware-cart.png);
}
#redemption .link-5, #event-management .link-5 {
  background-image: url(../../../thrive/images/market-cart.png);
}
#redemption h2, #event-management h2 {
  color: #302952;
}
#redemption .add-wrapper, #event-management .add-wrapper {
  margin: 20px 0;
}
#redemption .modal-product, #event-management .modal-product {
  position: relative;
}
#redemption .modal-body, #event-management .modal-body {
  overflow: auto;
  background: #fff;
  padding: 0.635rem;
}
#redemption #order-success, #redemption .order-submitting, #event-management #order-success, #event-management .order-submitting {
  display: none;
  background: #52439b;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#redemption #order-success .order-wrapper, #redemption .order-submitting .order-wrapper, #event-management #order-success .order-wrapper, #event-management .order-submitting .order-wrapper {
  padding: 0;
  margin: 0;
  text-align: center;
}
#redemption #order-success .order-wrapper .submit-wrapper, #redemption .order-submitting .order-wrapper .submit-wrapper, #event-management #order-success .order-wrapper .submit-wrapper, #event-management .order-submitting .order-wrapper .submit-wrapper {
  min-height: 150px;
  padding-top: 20px;
}
#redemption #order-success .order-wrapper .ok-redeem, #redemption .order-submitting .order-wrapper .ok-redeem, #event-management #order-success .order-wrapper .ok-redeem, #event-management .order-submitting .order-wrapper .ok-redeem {
  margin-top: -10px;
  display: inline-block;
  width: 90%;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
#redemption #order-success .order-wrapper .rcTerms:hover, #redemption .order-submitting .order-wrapper .rcTerms:hover, #event-management #order-success .order-wrapper .rcTerms:hover, #event-management .order-submitting .order-wrapper .rcTerms:hover {
  border-bottom: 1px solid #fff;
  padding-bottom: 1px;
}
#redemption #order-success .order-wrapper h2, #redemption .order-submitting .order-wrapper h2, #event-management #order-success .order-wrapper h2, #event-management .order-submitting .order-wrapper h2 {
  color: #fff;
}
#redemption #order-success .order-wrapper .sum-list, #redemption .order-submitting .order-wrapper .sum-list, #event-management #order-success .order-wrapper .sum-list, #event-management .order-submitting .order-wrapper .sum-list {
  color: #fff;
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 2.25rem;
}
#redemption #order-success .order-wrapper .sum-list li p, #redemption .order-submitting .order-wrapper .sum-list li p, #event-management #order-success .order-wrapper .sum-list li p, #event-management .order-submitting .order-wrapper .sum-list li p {
  color: #fff;
}
#redemption #order-success .hide-cart, #redemption #order-success .ts-hide-cart, #redemption .order-submitting .hide-cart, #redemption .order-submitting .ts-hide-cart, #event-management #order-success .hide-cart, #event-management #order-success .ts-hide-cart, #event-management .order-submitting .hide-cart, #event-management .order-submitting .ts-hide-cart {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  color: #feba16;
  border: none;
  outline: none;
}
#redemption #order-success .hide-cart h4, #redemption #order-success .ts-hide-cart h4, #redemption .order-submitting .hide-cart h4, #redemption .order-submitting .ts-hide-cart h4, #event-management #order-success .hide-cart h4, #event-management #order-success .ts-hide-cart h4, #event-management .order-submitting .hide-cart h4, #event-management .order-submitting .ts-hide-cart h4 {
  font-weight: 300;
}
#redemption .items, #redemption .items-single, #event-management .items, #event-management .items-single {
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
}
#redemption .items h3, #redemption .items-single h3, #event-management .items h3, #event-management .items-single h3 {
  color: #52439b;
}
#redemption .items li, #redemption .items .item-value, #redemption .items-single li, #redemption .items-single .item-value, #event-management .items li, #event-management .items .item-value, #event-management .items-single li, #event-management .items-single .item-value {
  list-style-type: none;
  color: #302952;
  padding: 0 0 0 0;
}
#redemption .items li p, #redemption .items .item-value p, #redemption .items-single li p, #redemption .items-single .item-value p, #event-management .items li p, #event-management .items .item-value p, #event-management .items-single li p, #event-management .items-single .item-value p {
  margin: 10px 10px 20px 10px;
  color: #302952;
}
#redemption .items li h3, #redemption .items .item-value h3, #redemption .items-single li h3, #redemption .items-single .item-value h3, #event-management .items li h3, #event-management .items .item-value h3, #event-management .items-single li h3, #event-management .items-single .item-value h3 {
  color: #52439b;
}
#redemption .items li:nth-child(even), #redemption .items-single li:nth-child(even), #event-management .items li:nth-child(even), #event-management .items-single li:nth-child(even) {
  background: #e8e8e8;
}
#redemption .items .number, #redemption .items-single .number, #event-management .items .number, #event-management .items-single .number {
  font-family: "Prata", serif;
  color: #00ab91;
  font-size: 1.5rem;
}
#redemption .items .quantity, #redemption .items-single .quantity, #event-management .items .quantity, #event-management .items-single .quantity {
  display: block;
  margin-bottom: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#redemption .items .quantity button, #redemption .items-single .quantity button, #event-management .items .quantity button, #event-management .items-single .quantity button {
  display: inline-block;
  background: none;
  padding: 0;
  border: 1px solid #00ab91;
  border-radius: 999px;
  margin: 0 10px;
  width: 32px;
  height: 32px;
  color: #00ab91;
  text-align: center;
  line-height: 28px;
  font-size: 18px;
  vertical-align: middle;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
#redemption .items .quantity button:hover, #redemption .items .quantity button:focus, #redemption .items-single .quantity button:hover, #redemption .items-single .quantity button:focus, #event-management .items .quantity button:hover, #event-management .items .quantity button:focus, #event-management .items-single .quantity button:hover, #event-management .items-single .quantity button:focus {
  text-decoration: none;
  background: #00ab91;
  color: #fff;
  outline: none;
}
#redemption .items .quantity .disabled:hover, #redemption .items .quantity .disabled:focus, #redemption .items-single .quantity .disabled:hover, #redemption .items-single .quantity .disabled:focus, #event-management .items .quantity .disabled:hover, #event-management .items .quantity .disabled:focus, #event-management .items-single .quantity .disabled:hover, #event-management .items-single .quantity .disabled:focus {
  background: none;
  color: #00ab91;
}
#redemption .items .quantity input.qty, #redemption .items-single .quantity input.qty, #event-management .items .quantity input.qty, #event-management .items-single .quantity input.qty {
  text-align: center;
  border-radius: 0;
  width: 100px;
  border: none;
  border-bottom: 1px solid #52439b;
  color: #52439b;
  font-size: 32px;
  display: inline-block;
  background: #fff;
  margin-bottom: 0;
}
#redemption .items .quantity .btn-subtract, #redemption .items-single .quantity .btn-subtract, #event-management .items .quantity .btn-subtract, #event-management .items-single .quantity .btn-subtract {
  opacity: 0.1;
}
#redemption .items .item-value-horiz, #redemption .items-single .item-value-horiz, #event-management .items .item-value-horiz, #event-management .items-single .item-value-horiz {
  display: inline-block;
  vertical-align: top;
}
#redemption .items .item-value-horiz button, #redemption .items-single .item-value-horiz button, #event-management .items .item-value-horiz button, #event-management .items-single .item-value-horiz button {
  width: 60px;
  height: 60px;
  line-height: 32px;
}
#redemption .disabled, #event-management .disabled {
  background: none;
  border: 1px solid #fff;
  font-size: 14px;
  color: grey;
}
#redemption .disabled:hover, #redemption .disabled:focus, #event-management .disabled:hover, #event-management .disabled:focus {
  background: none;
  color: grey;
}
#redemption .disabled .locked, #event-management .disabled .locked {
  margin-right: 5px;
}
#redemption #product-ex .modal-body, #event-management #product-ex .modal-body {
  padding-bottom: 20px;
}
#redemption #product-ex .modal-body .sub, #event-management #product-ex .modal-body .sub {
  display: block;
  text-transform: inherit;
  font-family: "Poppins", sans-serif;
  margin-top: 5px;
}
#redemption .experiences .item-value, #event-management .experiences .item-value {
  padding: 10px 20px;
}
#redemption .experiences .ex-select, #event-management .experiences .ex-select {
  font-size: 1.05rem;
  padding: 6px 30px;
  margin: 10px;
}
#redemption .experiences .disabled, #event-management .experiences .disabled {
  font-size: 14px;
}
#redemption .experiences p, #event-management .experiences p {
  color: #302952;
}
#redemption .items-single li, #event-management .items-single li {
  border: none;
  padding: 0 0 20px 0;
}
#redemption .month-wrapper, #event-management .month-wrapper {
  padding: 10px 0;
}
#redemption #current-month-coins .current-month-wrapper, #event-management #current-month-coins .current-month-wrapper {
  background: #e8e8e8;
  min-height: auto;
}
#redemption .lastorder, #event-management .lastorder {
  background: #fff;
  padding: 10px;
  margin-top: 20px;
  overflow: auto;
}
#redemption .lastorder .order-summary, #event-management .lastorder .order-summary {
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
}
#redemption .lastorder h3, #event-management .lastorder h3 {
  color: #52439b;
  margin-top: 10px;
  font-family: "Prata", serif;
  font-size: 2.25rem;
  font-weight: 300;
}
#redemption .lastorder img, #event-management .lastorder img {
  max-width: 148px;
  height: auto;
}
#redemption .lastorder .description, #event-management .lastorder .description {
  padding-bottom: 20px;
  color: #302952;
}
#redemption .lastorder .all-history, #event-management .lastorder .all-history {
  background: #fff;
  color: #52439b;
  margin-top: 10px;
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 10px 20px;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
#redemption .lastorder .all-history:hover, #redemption .lastorder .all-history:focus, #event-management .lastorder .all-history:hover, #event-management .lastorder .all-history:focus {
  background: #00ab91;
  color: #fff;
  text-decoration: none;
}
#redemption .history .period-tabs p, #event-management .history .period-tabs p {
  font-size: 0.85rem;
  color: #52439b;
  font-weight: 700;
}
#redemption .history .period-tabs .tabs-title, #event-management .history .period-tabs .tabs-title {
  background: none;
  display: inline-block;
  float: none;
}
#redemption .history .period-tabs .tabs-title > a, #redemption .history .period-tabs .tabs-title > a[aria-selected=true], #event-management .history .period-tabs .tabs-title > a, #event-management .history .period-tabs .tabs-title > a[aria-selected=true] {
  color: #52439b;
  font-weight: 700;
  font-size: 0.85rem;
  background: none;
  padding: 0;
}
#redemption .history .period-tabs .is-active, #event-management .history .period-tabs .is-active {
  background: none;
  display: inline-block;
}
#redemption .history h2, #event-management .history h2 {
  color: #00ab91;
}
#redemption .history h2.header, #event-management .history h2.header {
  color: #302952;
}
#redemption .history .orders .item-value, #event-management .history .orders .item-value {
  padding: 0;
  margin: 0;
}
#redemption .history .orders .item-value .row, #event-management .history .orders .item-value .row {
  position: relative;
  height: 165px;
}
#redemption .history .orders .item-value .icon, #event-management .history .orders .item-value .icon {
  background: url(../../../thrive/images/vert-line.png) repeat-y center center;
  height: 165px;
}
#redemption .history .orders .item-value .icon img, #event-management .history .orders .item-value .icon img {
  margin: 0 auto;
  max-width: 68px;
}
#redemption .history .orders .item-value .description h3, #event-management .history .orders .item-value .description h3 {
  margin: 0;
}
#redemption .history .orders .item-value .description .cert-wrapper, #event-management .history .orders .item-value .description .cert-wrapper {
  margin-left: 10px;
  display: block;
}
#redemption .history .orders .item-value .description .cert-wrapper .cert, #event-management .history .orders .item-value .description .cert-wrapper .cert {
  border: 1px solid #00ab91;
  background: none;
  color: #00ab91;
  border-radius: 99px;
  padding: 5px 15px;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
  text-transform: uppercase;
  font-size: 0.85rem;
}
#redemption .history .orders .item-value .description .cert-wrapper .cert:hover, #redemption .history .orders .item-value .description .cert-wrapper .cert:focus, #event-management .history .orders .item-value .description .cert-wrapper .cert:hover, #event-management .history .orders .item-value .description .cert-wrapper .cert:focus {
  outline: none;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
  background: #00ab91;
  color: #fff;
}
#redemption .history .orders .item-value .description .cert-wrapper .cert i, #event-management .history .orders .item-value .description .cert-wrapper .cert i {
  margin-right: 5px;
}
#redemption .history .orders .item-value .description .cert-wrapper .processed, #event-management .history .orders .item-value .description .cert-wrapper .processed {
  border-color: transparent;
  color: #52439b;
}
#redemption .history .orders .item-value .description .cert-wrapper .processed:hover, #redemption .history .orders .item-value .description .cert-wrapper .processed:focus, #event-management .history .orders .item-value .description .cert-wrapper .processed:hover, #event-management .history .orders .item-value .description .cert-wrapper .processed:focus {
  background: inherit;
  color: #52439b;
}
#redemption .history .orders .item-value:first-child .item, #event-management .history .orders .item-value:first-child .item {
  height: 32px;
}
#redemption .history .orders .item-value:first-child .icon, #event-management .history .orders .item-value:first-child .icon {
  height: 32px;
  background: url(../../../thrive/images/vert-line-circ.png) repeat-y center top;
}
#redemption .history .orders .item-value:last-child .item, #event-management .history .orders .item-value:last-child .item {
  height: 42px;
}
#redemption .history .orders .item-value:last-child .icon, #event-management .history .orders .item-value:last-child .icon {
  height: 32px;
  margin-bottom: 20px;
  background: url(../../../thrive/images/vert-line-circ.png) repeat-y center bottom;
}
#redemption .history .item-value, #event-management .history .item-value {
  margin: 0 auto 20px auto;
  text-align: center;
}
#redemption .history .item-value .nomargin, #event-management .history .item-value .nomargin {
  margin: 0;
}
#redemption .history .item-value .month-name, #event-management .history .item-value .month-name {
  background: #52439b;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  font-size: 1.05rem;
  margin: 0;
}
#redemption .history .item-value img, #event-management .history .item-value img {
  max-width: 96px;
  text-align: center;
  margin: 0 auto;
}
#redemption .history .item-value h4, #event-management .history .item-value h4 {
  font-family: "Prata", serif;
  font-size: 1.5rem;
  color: #52439b;
  margin: 0;
}
#redemption .history .item-value h4 .sub, #event-management .history .item-value h4 .sub {
  font-family: "Poppins", sans-serif;
  font-size: 1.05rem;
  color: #302952;
  display: block;
  text-transform: uppercase;
}
#redemption .history .period-link, #event-management .history .period-link {
  display: block;
  text-align: right;
}
#redemption .history-redeemed, #event-management .history-redeemed {
  text-align: center;
  margin-top: 10px;
  padding: 20px;
  background: url(../../../../../../wp-content/themes/tv/img/dist/graystripe.png);
}
#redemption .history-redeemed .total-redeemed, #event-management .history-redeemed .total-redeemed {
  display: block;
  color: #00ab91;
  font-size: 2.25rem;
}
#redemption .modal-right .items li, #event-management .modal-right .items li {
  padding: 5px 0;
}
#redemption .error-status, #event-management .error-status {
  color: #fff;
  text-transform: uppercase;
}
#redemption .progress-button, #event-management .progress-button {
  position: relative;
  text-align: center;
  width: 45%;
  min-width: 250px;
  margin: 10px auto;
  clear: both;
}
#redemption .progress-button button, #event-management .progress-button button {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 250px;
  height: 70px;
  border: 2px solid #feba16;
  border-radius: 40px;
  background: transparent;
  color: #feba16;
  letter-spacing: 1px;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
}
#redemption .progress-button button:hover, #event-management .progress-button button:hover {
  background-color: #feba16;
  color: #fff;
}
#redemption .progress-button button:focus, #event-management .progress-button button:focus {
  outline: none;
}
#redemption .progress-button button span, #event-management .progress-button button span {
  -webkit-transition: opacity 0.3s 0.1s;
  transition: opacity 0.3s 0.1s;
}
#redemption .progress-button svg, #event-management .progress-button svg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}
#redemption .progress-button svg path, #event-management .progress-button svg path {
  opacity: 0;
  fill: none;
}
#redemption .progress-button svg.progress-circle path, #event-management .progress-button svg.progress-circle path {
  stroke: #feba16;
  stroke-width: 5;
}
#redemption .progress-button svg.checkmark1 path, #redemption .luxx-count-wrapper svg.checkmark1 path,
#redemption .progress-button svg.cross path, #redemption .luxx-count-wrapper svg.cross path, #event-management .progress-button svg.checkmark1 path, #event-management .luxx-count-wrapper svg.checkmark1 path,
#event-management .progress-button svg.cross path, #event-management .luxx-count-wrapper svg.cross path {
  stroke: #fff;
  stroke-linecap: round;
  stroke-width: 4;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
#redemption .loading.progress-button button, #event-management .loading.progress-button button {
  width: 70px;
  border-width: 5px;
  border-color: #ddd;
  background-color: transparent;
  color: #fff;
}
#redemption .loading.progress-button span, #event-management .loading.progress-button span {
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
#redemption .loading.progress-button span,
#redemption .success.progress-button span,
#redemption .error.progress-button span, #event-management .loading.progress-button span,
#event-management .success.progress-button span,
#event-management .error.progress-button span {
  opacity: 0;
  /* keep it hidden in all states */
}
#redemption .success.progress-button button,
#redemption .error.progress-button button, #event-management .success.progress-button button,
#event-management .error.progress-button button {
  -webkit-transition: background-color 0.3s, width 0.3s, border-width 0.3s;
  transition: background-color 0.3s, width 0.3s, border-width 0.3s;
}
#redemption .success.progress-button button, #event-management .success.progress-button button {
  border-color: #feba16;
  background-color: #feba16;
}
#redemption .error.progress-button button, #event-management .error.progress-button button {
  border-color: #FB797E;
  background-color: #FB797E;
}
#redemption .loading.progress-button svg.progress-circle path,
#redemption .success.progress-button svg.checkmark1 path,
#redemption .error.progress-button svg.cross path, #event-management .loading.progress-button svg.progress-circle path,
#event-management .success.progress-button svg.checkmark1 path,
#event-management .error.progress-button svg.cross path {
  opacity: 1;
  -webkit-transition: stroke-dashoffset 0.3s;
  transition: stroke-dashoffset 0.3s;
}
#redemption .elastic.progress-button button, #event-management .elastic.progress-button button {
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1), border-width 0.3s, border-color 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
}
#redemption .loading.elastic.progress-button button, #event-management .loading.elastic.progress-button button {
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, 0, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
}

.rewards-popover {
  max-width: 65%;
  font-size: 1rem;
}
.rewards-popover .popover-content {
  max-height: 300px;
  overflow: auto;
}
.rewards-popover .terms li {
  list-style-type: none;
  margin: 0 0 10px 0;
  text-align: left;
}

#luxx-getaway .icon-check {
  color: #fff;
}

#my-badges h2.badgegroups {
  cursor: pointer;
  cursor: hand;
}

.trip-tracker .badgelist {
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 360px;
}
.trip-tracker .badgegroup {
  background: none;
}
.trip-tracker .badgegroup {
  padding: 0;
}
.trip-tracker .badgewrapper {
  font-size: 0.85rem;
  line-height: 1.05rem;
  margin: 10px;
}
.trip-tracker .tracker-badges {
  margin: 0 auto;
}
.trip-tracker .trip-badges h3 {
  background: #E7E7F7;
  cursor: pointer;
  cursor: hand;
  color: #6257ec;
  text-transform: capitalize;
  font-size: 1rem;
}
.trip-tracker .nav-period {
  float: none;
}
.trip-tracker .saving {
  opacity: 0.5;
  background: #feba16;
}
.trip-tracker ul.recap {
  margin: 0 0 10px;
  padding: 0;
}
.trip-tracker ul.recap li {
  list-style-type: none;
  margin: 10px;
  padding: 0;
}
.trip-tracker ul.recap li img {
  margin-right: 10px;
}
.trip-tracker ul.recap li.end {
  border-top: 1px solid #52439b;
  text-align: center;
  padding-top: 10px;
  margin-top: 10px;
}
.trip-tracker .widget-box {
  margin: 0;
  border: none;
}
.trip-tracker .widget-box h3 {
  font-size: 1.05rem;
  margin: 0 0 15px 0;
  padding: 10px;
  position: relative;
}
.trip-tracker .widget-box .icon-circle-down {
  position: absolute;
  right: 4%;
  top: 40%;
}
.trip-tracker .owl-controls {
  background: transparent;
}
.trip-tracker .add {
  opacity: 0.4;
}
.trip-tracker .months .add {
  opacity: 1;
}
.trip-tracker .delete {
  background: #fff;
  color: #00ab91;
  font-size: 10px;
}
.trip-tracker .delete:hover {
  color: red;
}
.trip-tracker .badge_list {
  border: 1px solid #52439b;
  margin-bottom: 15px;
}
.trip-tracker .badgewrapper {
  font-size: 0.85rem;
}
.trip-tracker .badgewrapper .badgeimg {
  max-width: 96px;
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  cursor: hand;
}
.trip-tracker .badgegroup h2 {
  background: #52439b;
  border: 1px solid #52439b;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-size: 1.05rem;
  text-align: center;
}
.trip-tracker .badgegroup .LUXX {
  background: #302952;
  border: 1px solid #302952;
}
.trip-tracker .badgegroup .gold {
  background: #feba16;
  border: 1px solid #feba16;
}
.trip-tracker .badgegroup .silver {
  background: #909090;
  border: 1px solid #909090;
}
.trip-tracker .badgecalc {
  margin: 0;
  padding: 0;
  background: white;
  min-height: 150px;
  overflow: auto;
}
.trip-tracker .badgecalc li {
  list-style-type: none;
  padding: 5px;
  clear: both;
  font-size: 0.85rem;
}
.trip-tracker .badgecalc li:hover {
  background: #e8e8e8;
}
.trip-tracker .badgecalc li:hover .delete {
  color: red;
  background: inherit;
}
.trip-tracker .badgecalc li img {
  float: left;
  padding-right: 5px;
}

.rank-dist, .fs-progress {
  background: #e8e8e8 !important;
  font-size: 0.85rem;
  border-radius: 12px;
}
.rank-dist .bar-holder, .fs-progress .bar-holder {
  min-width: 225px;
  height: 1rem;
}
.rank-dist .bar, .fs-progress .bar {
  background: #f2f2f2;
  height: 1rem;
  line-height: 1rem;
  width: 100%;
  min-width: 225px;
  border-radius: 999px;
}
.rank-dist .bar .fill, .fs-progress .bar .fill {
  background: #6257ec;
  display: inline-block;
  width: 1%;
  height: 100%;
  animation: tracker 2s ease forwards;
  border-radius: 999px;
}
.rank-dist .bar .fill span, .fs-progress .bar .fill span {
  float: right;
  opacity: 0;
  color: #feba16;
  font-weight: 700;
  margin-right: 20px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.rank-dist .bar .faststart1, .fs-progress .bar .faststart1 {
  background: #00ab91;
}

.fs-progress {
  background: none !important;
}
.fs-progress .bar-holder {
  min-width: 125px;
  height: 1rem;
}

#login-body {
  min-height: 100vh;
  background: linear-gradient(-45deg, #00ab91, #52439b, #6352b4);
}

.login-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-wrapper .logo {
  margin: 0 0 6vh 0;
}
.login-wrapper .logo img {
  max-width: 225px;
}
.login-wrapper .login {
  padding: 2vh 2vw 5vh 2vw;
  border-radius: 8px;
  max-width: 500px;
  width: 50%;
  margin: 0 auto;
}
@media print, screen and (max-width: 63.99875em) {
  .login-wrapper .login {
    width: 100%;
  }
}
.login-wrapper .forgot {
  margin-top: 10px;
  font-size: 1rem;
}
.login-wrapper .forgot a {
  color: #fff;
}
.login-wrapper input.btn {
  border: none;
  max-width: 100%;
}
.login-wrapper a {
  color: #fff;
}
.login-wrapper .btn-main {
  background: #BC18F2;
  border-color: #BC18F2;
}
.login-wrapper h1, .login-wrapper p {
  color: #fff;
}
.login-wrapper h1 {
  margin-bottom: 1.625rem;
}
.login-wrapper h2 {
  color: #BC18F2;
}

.auth {
  background: #E7E7F7;
}
.auth .wrapper {
  display: block;
}
.auth .login-wrapper {
  background: #E7E7F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth .login-wrapper .login {
  background: #52439b;
}

.external #svg-logo svg, .rsvp #svg-logo svg {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 38px;
  flex: 0 0 38px;
  height: 6.625rem;
}
@media print, screen and (min-width: 40em) {
  .external #svg-logo svg, .rsvp #svg-logo svg {
    height: 8.625rem;
  }
}
.external footer, .rsvp footer {
  background: transparent;
}
.external .external-header, .rsvp .external-header {
  padding: 1rem 0;
}
.external .interest-check, .rsvp .interest-check {
  display: none;
}
.external .interest-check input[type=checkbox], .rsvp .interest-check input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.external .interest-check input[type=checkbox] + label, .rsvp .interest-check input[type=checkbox] + label {
  color: #302952;
  cursor: pointer;
  font-weight: 500;
  margin-top: 5px;
  font-size: 1.05rem;
}
.external .interest-check input[type=checkbox] + label span, .rsvp .interest-check input[type=checkbox] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background-color: #E7E7F7;
  border: 1px solid #909090;
  cursor: pointer;
}
.external .interest-check input[type=checkbox]:checked + label span, .rsvp .interest-check input[type=checkbox]:checked + label span {
  background-color: #52439b;
  border-color: #52439b;
  background-image: url(https://tvcdn.azureedge.net/assets/icons/check.svg);
}
.external .interest-check input[type=checkbox]:checked + label span i, .rsvp .interest-check input[type=checkbox]:checked + label span i {
  display: block;
  font-size: 14px;
  line-height: 16px;
  padding: 1px;
}
.external h1 span.break, .rsvp h1 span.break {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .external h1 span.break, .rsvp h1 span.break {
    display: initial;
  }
}
.external h1.script, .rsvp h1.script {
  font-family: "Playlist-Script", cursive;
  text-transform: lowercase;
  display: inline-block;
  color: #feba16;
  transform: rotate(-8deg);
  position: relative;
  font-weight: 400;
  font-size: 3.15rem;
  text-transform: capitalize;
  text-align: center;
}
.external .wineguideinfo, .rsvp .wineguideinfo {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .external .wineguideinfo, .rsvp .wineguideinfo {
    text-align: left;
  }
}
.external .wineguideinfo h3, .rsvp .wineguideinfo h3 {
  color: #52439b;
  font-weight: 700;
}
.external .somm-pairings, .rsvp .somm-pairings {
  margin: 1rem 0;
}
.external .somm-pairings .group, .rsvp .somm-pairings .group {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.external .highlight, .rsvp .highlight {
  position: relative;
}
.external .cat-header h2, .rsvp .cat-header h2 {
  font-weight: 900;
  margin-bottom: 1rem;
  margin: 1rem 0;
}
.external .btn-commpref, .rsvp .btn-commpref {
  margin: 0 auto 1rem auto;
}
.external .somm-logo, .rsvp .somm-logo {
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .external .somm-logo, .rsvp .somm-logo {
    max-width: 30vw;
  }
}
.external h2.section-header, .rsvp h2.section-header {
  margin-bottom: 0.5rem;
}
.external .catwrapper .slick-track, .rsvp .catwrapper .slick-track {
  margin: initial;
  margin-bottom: 3vh;
}
.external .catwrapper .grid-item span.img, .rsvp .catwrapper .grid-item span.img {
  background: #fff;
  display: block;
}
.external .catwrapper .grid-item span.img img, .rsvp .catwrapper .grid-item span.img img {
  margin: 0 auto;
}
.external .catwrapper .grid-item span.wine-img, .rsvp .catwrapper .grid-item span.wine-img {
  background: #e8e8e8;
}
.external .catwrapper .grid-item img, .rsvp .catwrapper .grid-item img {
  border-radius: 4px 4px 0 0;
  width: 100%;
  height: auto;
}
.external .catwrapper .grid-item img.bottle, .rsvp .catwrapper .grid-item img.bottle {
  max-height: 250px;
  width: auto;
}
.external .catwrapper .grid-item .recipe-info, .rsvp .catwrapper .grid-item .recipe-info {
  background: #fff;
  padding: 0.5rem 1rem 1rem 1rem;
  font-weight: 700;
}
.external .catwrapper .grid-item .recipe-info .pairing-name2, .rsvp .catwrapper .grid-item .recipe-info .pairing-name2 {
  color: #909090;
  display: block;
}
.external .catwrapper .grid-item .recipe-info .icon-heart, .rsvp .catwrapper .grid-item .recipe-info .icon-heart {
  display: none;
  color: #feba16;
  display: inline-block;
  margin-right: 0.5rem;
}
.external .catwrapper .grid-item .recipe-info .dl-recipe, .rsvp .catwrapper .grid-item .recipe-info .dl-recipe {
  display: block;
  font-size: 0.75rem;
  border: 1px solid #52439b;
  margin-top: 1vh;
  padding: 5px 5px;
  text-align: center;
  text-transform: uppercase;
}
.external .catwrapper .grid-item .recipe-info .dl-recipe:hover, .external .catwrapper .grid-item .recipe-info .dl-recipe:active, .rsvp .catwrapper .grid-item .recipe-info .dl-recipe:hover, .rsvp .catwrapper .grid-item .recipe-info .dl-recipe:active {
  background: #52439b;
  color: #fff;
}
.external .catwrapper .grid-item .wine-desc, .rsvp .catwrapper .grid-item .wine-desc {
  background: #e8e8e8;
}
.external .catwrapper .grid-item .imagesource, .rsvp .catwrapper .grid-item .imagesource {
  position: absolute;
  top: 0;
  right: 1rem;
  font-size: 0.7225rem;
  line-height: 0.85rem;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.external .catwrapper .slick-next, .rsvp .catwrapper .slick-next {
  right: -35px;
}
.external .catwrapper .slick-prev, .rsvp .catwrapper .slick-prev {
  left: -35px;
}
.external .catwrapper .slick-next:before, .external .catwrapper .slick-prev:before, .rsvp .catwrapper .slick-next:before, .rsvp .catwrapper .slick-prev:before {
  color: #52439b;
  font-size: 30px;
}
.external .content-section, .rsvp .content-section {
  margin-left: 0;
  width: 100%;
}
.external .content-section > .group, .rsvp .content-section > .group {
  background: #fff;
  margin-bottom: 2rem;
}
.external .content-section h2, .rsvp .content-section h2 {
  color: #52439b;
}
.external .content-section .order-group, .rsvp .content-section .order-group {
  margin: 1rem auto;
}
.external .footer, .rsvp .footer {
  margin-left: 0;
  width: 100%;
}
.external .tasting-sets h2, .rsvp .tasting-sets h2 {
  font-family: "Poppins", sans-serif;
  color: #fff;
}
.external .tasting-sets h2 .line2, .rsvp .tasting-sets h2 .line2 {
  font-size: 1rem;
}
.external h1.script, .rsvp h1.script {
  font-size: 3.6rem;
  margin-top: -1.235rem;
}

.customer-results .customer-filter {
  margin: 0 0 1rem 0;
  padding-bottom: 0.635rem;
  list-style-type: none;
  border-bottom: 1px solid #BC18F2;
}
.customer-results .customer-filter li {
  display: inline-block;
  padding-right: 0.635rem;
}
.customer-results .customer-filter li button {
  background: #E7E7F7;
  border-radius: 99px;
  padding: 10px 25px;
  cursor: hand;
  cursor: pointer;
  color: #6257ec;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.2s;
}
.customer-results .customer-filter li button:active, .customer-results .customer-filter li button:focus, .customer-results .customer-filter li button:hover {
  background: #BC18F2;
  color: #fff;
}

.customer-search-result {
  margin-bottom: 1.375rem;
}
.customer-search-result .pill {
  padding: 5px 5px;
  font-size: 0.68rem;
  line-height: 0.68rem;
  background: #E7E7F7;
  color: #6257ec;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 99px;
  display: block;
  max-width: 75px;
  text-align: center;
}

#order-summary {
  width: 100%;
  font-size: 1.05rem;
  background: #fff;
}
#order-summary.external {
  margin-left: 0;
}
#order-summary .top-headline {
  padding-top: 2rem;
}
#order-summary h2 {
  color: #6257ec;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
#order-summary h2.headline {
  font-size: 2.25rem;
  margin-bottom: 0;
  margin-top: 0.635rem;
}
#order-summary h3 {
  margin: 0;
}
#order-summary .callout {
  border-radius: 12px;
  margin-top: 0.635rem;
  margin-bottom: 0.635rem;
  color: #302952;
  font-weight: normal;
}
#order-summary .callout strong {
  color: #6257ec;
}
#order-summary .callout a {
  color: #BC18F2;
  text-decoration: underline;
}
#order-summary .btn-link {
  font-weight: normal;
  text-decoration: underline;
}
#order-summary .reward {
  color: #6257ec;
}
#order-summary .reward h3 {
  color: #6257ec;
}
#order-summary .shipping, #order-summary .tracking, #order-summary .shipping-info {
  padding-bottom: 0.365rem;
  padding-top: 0.365rem;
}
#order-summary .tracking {
  margin-top: 1.365rem;
}
#order-summary .featured-grid {
  display: none;
  background: #E7E7F7;
  padding-bottom: 1.365rem;
  padding-top: 1.365rem;
  margin-bottom: 1.365rem;
  border-radius: 12px;
}
#order-summary .featured-grid h3 {
  color: #6257ec;
}
#order-summary .featured-grid img {
  max-height: 200px;
}
#order-summary .featured-grid .nickname2 {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: calc(100% - 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#order-summary .group-header {
  color: #BC18F2;
  border-bottom: 1px solid #BC18F2;
  padding-bottom: 1rem;
}
#order-summary #giftmsg {
  border-radius: 12px;
  background: #E7E7F7;
  padding: 0.635rem;
  margin-bottom: 0.635rem;
  font-weight: 700;
}
#order-summary .info {
  padding-bottom: 0.635rem;
  margin-bottom: 0.635rem;
}
#order-summary .info .recap h2 {
  margin-bottom: 0;
}
#order-summary .items {
  border-bottom: 1px solid #BC18F2;
  padding-bottom: 0.635rem;
  margin-bottom: 0.635rem;
}
#order-summary .items .item {
  padding-bottom: 0.635rem;
  padding-top: 0.635rem;
}
#order-summary .items .item .nickname2 {
  display: block;
  width: calc(100% - 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#order-summary .items .item .item-volume {
  color: #BC18F2;
  font-size: 0.85rem;
}
#order-summary .items [data-kitparent] {
  cursor: hand;
  cursor: pointer;
}
#order-summary .items [data-kitparent]::after {
  content: "see more";
  display: inline-block;
  color: #BC18F2;
  font-weight: 700;
}
#order-summary .items .sub-group {
  display: none;
}
#order-summary .items .subitem {
  color: #909090;
}
#order-summary .items .subitem h3 {
  color: #909090;
}
#order-summary .totals {
  padding-bottom: 0.635rem;
  margin-bottom: 0.635rem;
}
#order-summary .totals .more-details {
  display: none;
}
#order-summary .totals > .cell > .grid-x, #order-summary .totals .cell > .more-details > .grid-x {
  padding-bottom: 0.365rem;
  padding-top: 0.365rem;
}
#order-summary .payments-block .payment {
  padding-bottom: 0.365rem;
  padding-top: 0.365rem;
}
#order-summary .order-total {
  color: #6257ec;
  font-size: 1.5rem;
  font-weight: 700;
}
#order-summary .div-group {
  border-bottom: 1px solid #BC18F2;
}

.empty-badge {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #E7E7F7;
  margin: 0 5px 0 0;
  border-radius: 999px;
  vertical-align: middle;
}

h3.jumpingjan {
  color: #302952;
  font-weight: 700;
  font-size: 1.5rem;
}
h3.jumpingjan .emph {
  color: #6257ec;
}

#jumpin-january {
  overflow: hidden;
  /* the parent */
}
#jumpin-january .slick-track {
  min-height: 300px;
}
#jumpin-january .jjCount {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#jumpin-january .slick-slide {
  margin: 0 0.5rem;
  position: relative;
}
#jumpin-january .slick-slide .card {
  border: none;
  background: #E7E7F7;
  border-radius: 8px;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  margin: 0;
}
#jumpin-january .slick-slide .no-success {
  background: #52439b;
  color: #fff;
  font-weight: 700;
}
#jumpin-january .slick-slide .success {
  position: relative;
  background: #e7e7f7;
}
#jumpin-january .slick-slide .success::before {
  content: "";
  background: #e8e8e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0.5;
}
#jumpin-january .slick-slide .success::after {
  font-family: "icomoon";
  src: url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.eot?scm7p5");
  src: url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.svg?scm7p5#icomoon") format("svg"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.eot?scm7p5#iefix") format("embedded-opentype"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.ttf?scm7p5") format("truetype"), url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/fonts/icomoon.woff?scm7p5") format("woff");
  font-weight: normal;
  font-style: normal;
  content: "";
  color: #fff;
  font-size: 4rem;
  height: 200px;
  width: 200px;
  background: rgba(0, 171, 145, 0.95);
  display: block;
  position: absolute;
  z-index: 999;
  border-radius: 99%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#jumpin-january .slick-list {
  margin: 0 -0.5rem;
}
#jumpin-january .stars-container {
  margin: 0 auto;
  width: 148px;
  height: 148px;
  position: relative;
}
#jumpin-january .st-bg {
  position: absolute;
  width: 148px;
  height: 148px;
  background: 0 0 repeat-x;
  background-size: 148px 148px;
  opacity: 0.3;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
#jumpin-january .st {
  position: absolute;
  bottom: 0;
  height: 148px;
  background: 0 0 repeat-x;
  background-size: 148px 148px;
  background-position: bottom;
  border-radius: 87.5%;
}
#jumpin-january .level {
  position: relative;
}
#jumpin-january .level .level-icon {
  margin: 0 auto;
  width: 100px;
}
#jumpin-january .volume-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  background: #C9EDE8;
  border-radius: 99px;
  height: 100px;
  width: 100px;
  margin-top: 0.5rem;
}
#jumpin-january .volume-icon h3 {
  display: block;
  margin-bottom: 0;
  color: #6257ec;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.25rem;
}
#jumpin-january .volume-icon p {
  color: #302952;
}
#jumpin-january .volume-icon.count {
  font-size: 1.5rem;
  font-weight: 700;
  color: #302952;
  z-index: 1;
  width: 148px;
  height: 148px;
}
#jumpin-january .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1rem;
}

#dashboard .content-section {
  min-height: auto;
}
#dashboard #status h3 {
  margin-top: 0;
  color: #BC18F2;
  line-height: 1.2 label;
  line-height-color: #302952;
  line-height-line-height: 1;
}
#dashboard .card {
  color: #fff;
}
#dashboard .card h3 {
  color: #fff;
  font-size: 2.25rem;
}
#dashboard .card p {
  color: #fff;
}

.dashboard-warning.main {
  overflow: auto;
}
.dashboard-warning.main ul.list {
  list-style-type: none;
}
.dashboard-warning.main article {
  width: 90%;
}
.dashboard-warning.main article .card-wrapper {
  padding-bottom: 10px;
  min-width: 30vw;
  box-shadow: 0 0 0 2px #e8e8e8;
  border-radius: 12px;
  width: auto;
  background: #FFEDED;
  box-shadow: 0px 0px 24px -6px #BC18F2;
}
@media print, screen and (min-width: 40em) {
  .dashboard-warning.main article .card-wrapper {
    overflow: initial !important;
    height: auto;
    width: 100%;
    margin-left: 0;
  }
}
.dashboard-warning.main article .card-wrapper.lifestage {
  background: #E7E7F7;
}
.dashboard-warning.main article .card-wrapper.lifestage h1 {
  color: #6257ec;
}
.dashboard-warning.main article .card-wrapper h1 {
  color: #D45E5E;
}
.dashboard-warning.main article .card-footer {
  height: initial !important;
}
.dashboard-warning.main article .card-footer .columns {
  height: auto !important;
}
@media print, screen and (min-width: 40em) {
  .dashboard-warning.main article {
    max-width: 85vw;
  }
}
@media print, screen and (min-width: 64em) {
  .dashboard-warning.main article {
    width: 50vw;
    max-width: 85vw;
  }
}
@media print, screen and (min-width: 40em) {
  .dashboard-warning.main article h1 {
    min-height: auto !important;
  }
}
.dashboard-warning.main .content {
  min-height: auto !important;
  padding: 1rem;
}

#dashboard-grid {
  width: 100%;
  min-height: 100vh;
}
#dashboard-grid.rookie .hiderookie {
  display: none;
}
#dashboard-grid .calendar {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  #dashboard-grid .calendar {
    margin-bottom: 0;
  }
}
#dashboard-grid #team-dashboard-load {
  position: relative;
}
#dashboard-grid section {
  margin-top: 0.9375rem;
}
#dashboard-grid h2 {
  color: #302952;
  margin: 1.635rem 0;
}
#dashboard-grid .card {
  background: #E7E7F7;
  border: none;
  border-radius: 12px;
  padding: 0.635rem;
  position: relative;
  color: #302952;
}
#dashboard-grid .card.no-bg {
  background: none;
  border: none;
}
#dashboard-grid .card p {
  color: #302952;
}
#dashboard-grid .card h2 {
  color: #302952;
  font-size: 1.5rem;
  margin: 0.635rem 0;
}
#dashboard-grid .card h3 {
  color: #BC18F2;
  margin-top: 0;
}
#dashboard-grid .card h4 {
  color: #302952;
}
#dashboard-grid .card .card-label {
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}
#dashboard-grid .card .icon {
  max-width: 84px;
}
#dashboard-grid .card .float-icon {
  position: absolute;
  right: 0.9375rem;
}
#dashboard-grid .card .neg {
  color: #D45E5E;
}
#dashboard-grid .card .pos {
  color: #00ab91;
}
#dashboard-grid .card .no-change {
  color: #909090;
}
#dashboard-grid .card .big h3 {
  font-size: 2.25rem;
}
#dashboard-grid .card .big h4 {
  font-size: 1.05rem;
}
#dashboard-grid .card .big.vert {
  margin-bottom: 1rem;
}
#dashboard-grid .card .big.vert h3 {
  padding: 0.35rem 0;
  line-height: 1;
}
#dashboard-grid .card .big.vert.secondary {
  margin-top: 0;
}
#dashboard-grid .card a {
  text-decoration: underline;
  color: #302952;
}
#dashboard-grid .card a:hover, #dashboard-grid .card a:active, #dashboard-grid .card a:focus {
  color: #BC18F2;
}
#dashboard-grid .card .block-header {
  font-size: 1.5rem;
  color: #6257ec;
  margin: 0.635rem 0;
}
#dashboard-grid .card .secondary {
  margin-top: 1.635rem;
}
#dashboard-grid .card .secondary h3 {
  font-size: 1.5rem;
}
#dashboard-grid .card .icon-link {
  height: 24px;
}
#dashboard-grid .card button {
  margin: 0.635rem 0;
}
#dashboard-grid .card .hidden {
  display: none;
}
#dashboard-grid .card .row {
  padding: 0.635rem 0;
}
#dashboard-grid .card .row .name {
  font-weight: 700;
}
#dashboard-grid .card .row.match {
  color: #BC18F2;
}
#dashboard-grid .card:nth-child(2n) {
  background: #fff1d6;
}
#dashboard-grid .card:nth-child(3n) {
  background: #C9EDE8;
}
#dashboard-grid .card.two-span {
  background: #E7E7F7;
}
#dashboard-grid h3 {
  margin-bottom: 0;
}
#dashboard-grid .fast-start img {
  height: 100px;
}
#dashboard-grid .fast-start .progress-wrapper {
  position: relative;
}
#dashboard-grid .fast-start .progress-wrapper .badge-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  margin-top: -10px;
}
#dashboard-grid .fast-start .progress {
  margin-top: 10px;
  background: #fff;
  border-radius: 99px;
  height: 2.25rem;
  max-width: 100%;
  margin-bottom: 20px;
  margin-left: 30px;
}
#dashboard-grid .fast-start .fill {
  height: 100%;
  display: block;
  border-radius: 99px;
  background: linear-gradient(-45deg, #BC18F2, #6257ec);
}
#dashboard-grid .fast-start .goal {
  font-size: 1.05rem;
  color: #302952;
  margin-left: 0.35rem;
}
#dashboard-grid .thrive-pocket {
  height: 100%;
  background-color: #fff1d6;
}
#dashboard-grid .badge-display {
  margin-bottom: 1.635rem;
}
#dashboard-grid .badge-display h3 {
  margin-top: 0;
}
#dashboard-grid .badge-display h5 {
  color: #909090;
}
#dashboard-grid .no-bottom-margin {
  margin-bottom: 0;
}
#dashboard-grid .filter {
  margin-bottom: 1.635rem;
}
#dashboard-grid[data-period=Current] .comp {
  display: none;
}
#dashboard-grid .thrive-calendar {
  margin-bottom: 2.635rem;
}
#dashboard-grid .thrive-calendar h2.tracker {
  margin-bottom: 0;
}
#dashboard-grid .thrive-calendar h5 {
  color: #BC18F2;
  margin: 0.635rem 0 0.35rem 0;
}
#dashboard-grid .thrive-calendar .icon {
  display: block;
}
#dashboard-grid .thrive-calendar .icon.empty-icon {
  margin: 0 auto;
  background: radial-gradient(#C9EDE8, #90dad0);
  border-radius: 99%;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
#dashboard-grid .thrive-calendar .icon.empty-icon.past {
  background: radial-gradient(#909090, #6a6a6a);
}
#dashboard-grid #payment-recap {
  display: none;
}

.sip-logo {
  width: 25vw;
  margin-top: 1.25rem;
}
@media print, screen and (min-width: 40em) {
  .sip-logo {
    max-height: 10vh;
    min-height: 100px;
  }
}

.tv-logo svg {
  width: 33vw;
}
@media print, screen and (min-width: 40em) {
  .tv-logo svg {
    max-height: 12.5vh;
    min-height: 100px;
  }
}

.sip-kit-header .header-bar {
  background: #E7E7F7;
  padding: 0.635rem 0;
  font-size: 1rem;
}
.sip-kit-header .header-bar .avatar {
  display: inline-block;
  vertical-align: middle;
  border: none;
  height: 40px;
  width: 40px;
}
.sip-kit-header .header-bar span {
  padding: 0;
  margin: 0;
  line-height: 40px;
  margin-left: 0.635rem;
}

.sip-kit-reveal, .sip-kit-review, .wine-review {
  background: #fff;
  box-shadow: 0 0 0 3px rgba(188, 24, 242, 0.2);
}
.sip-kit-reveal:focus, .sip-kit-reveal:active, .sip-kit-review:focus, .sip-kit-review:active, .wine-review:focus, .wine-review:active {
  box-shadow: 0 0 0 3px rgba(188, 24, 242, 0.2);
}
.sip-kit-reveal .rating, .sip-kit-review .rating, .wine-review .rating {
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 1.35rem;
}
.sip-kit-reveal .stars, .sip-kit-review .stars, .wine-review .stars {
  white-space: nowrap;
}
.sip-kit-reveal .stars .star, .sip-kit-review .stars .star, .wine-review .stars .star {
  clip-path: url(https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/css/main2019.css?v=11#star);
  display: inline-block;
  box-sizing: border-box;
  float: none;
  line-height: 1.25rem;
  width: 24px;
  height: 24px;
  margin-right: 0.625rem;
  background: #6257ec;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.sip-kit-reveal .stars .tmp_es, .sip-kit-review .stars .tmp_es, .wine-review .stars .tmp_es {
  background: #e8e8e8;
}
.sip-kit-reveal .stars .tmp_fs, .sip-kit-review .stars .tmp_fs, .wine-review .stars .tmp_fs {
  background: #BC18F2;
}
.sip-kit-reveal .close, .sip-kit-review .close, .wine-review .close {
  color: #BC18F2;
}

.sip-kit-review, .wine-review {
  border: none;
  box-shadow: none;
}
.sip-kit-review:focus, .sip-kit-review:active, .wine-review:focus, .wine-review:active {
  box-shadow: none;
}

#sip-kit-cart input.qty {
  text-align: center;
  border-radius: 0;
  width: 60px;
  border: none;
  color: #fff;
  font-size: 32px;
  display: inline-block;
  background: #00ab91;
  margin-bottom: 0;
}
#sip-kit-cart .btn-qty {
  color: #fff;
  border-color: #fff;
}
#sip-kit-cart .btn-qty:hover, #sip-kit-cart .btn-qty:focus, #sip-kit-cart .btn-qty:active {
  background: transparent;
}
#sip-kit-cart h3 {
  margin-bottom: 0;
}

#sip-kit h2 {
  color: #6257ec;
  margin-top: 0;
}
#sip-kit h2.headline {
  font-family: "Prata", serif;
  color: #302952;
  font-size: 2.25rem;
  font-weight: normal;
  padding: 0 0.635rem;
  text-align: center;
  margin-top: 0.635rem;
}
#sip-kit h3 {
  margin-top: 0;
}
#sip-kit h3.headline {
  margin-bottom: 2.35rem;
}
#sip-kit #search {
  margin-top: 1.35rem;
}
#sip-kit #search .btn-sipkit-search {
  margin-top: 0;
  margin-bottom: 3rem;
}
#sip-kit #search h2 {
  margin-bottom: 2rem;
}
#sip-kit #search-results label.check-box .label-wrapper {
  display: inline-block;
  vertical-align: top;
  margin-left: 0.635rem;
}
#sip-kit .inventory_level {
  top: 5%;
}
#sip-kit .order-item {
  cursor: hand;
  cursor: pointer;
}
#sip-kit .order-item:active, #sip-kit .order-item:focus {
  background: #E7E7F7;
}
#sip-kit #featured-pairing {
  margin-bottom: 2rem;
}
#sip-kit #featured-pairing h3 {
  margin-top: 1rem;
}
#sip-kit .intro {
  margin-top: 1.635rem;
  margin-bottom: 2.35rem;
}
#sip-kit .intro p {
  margin-top: 1rem;
}
#sip-kit .filter-button-group a {
  background: transparent;
}
#sip-kit .icon {
  position: relative;
  z-index: 3;
  color: #302952;
  font-size: 1.5rem;
  font-weight: 700;
}
#sip-kit .icon::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 25px);
  top: calc(50% - 25px);
  z-index: -1;
  width: 50px;
  height: 50px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
  z-index: 0;
}
#sip-kit ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 2.635rem 0 0 0;
  padding: 0;
}
#sip-kit ol li {
  counter-increment: my-awesome-counter;
  margin-bottom: 2.5rem;
  margin-left: 65px;
}
#sip-kit ol li::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  color: #302952;
  width: 50px;
  height: 50px;
  border-radius: 99px;
  background-color: #C9EDE8;
  z-index: 0;
  text-align: center;
  line-height: 50px;
  color: #302952;
  font-size: 1.5rem;
  font-weight: 700;
  content: counter(my-awesome-counter);
  margin-left: -75px;
}
#sip-kit ol li h2 {
  margin-top: 5px;
}
#sip-kit .step-info {
  margin-top: 1.35rem;
  margin-bottom: 1.35rem;
}
#sip-kit hr {
  border-bottom-color: #BC18F2;
}
#sip-kit .order-select input[type=checkbox] {
  display: block;
  position: absolute;
  width: 32px;
  margin: 0;
  height: 32px;
  z-index: -1;
  border-radius: 12px;
  opacity: 0;
}
#sip-kit .order-select input[type=checkbox]:focus {
  border: 2px solid red;
  box-shadow: 0 0 8px 4px rgba(188, 24, 242, 0.2);
}
#sip-kit .order-select input[type=checkbox] + label {
  vertical-align: middle;
  margin-bottom: 0.5rem;
  margin-left: 0;
  display: block;
}
#sip-kit .order-select input[type=checkbox] + label:focus {
  border: 2px solid red;
}
#sip-kit .order-select input[type=checkbox] + label.disabled {
  color: #e8e8e8;
}
#sip-kit .order-select input[type=checkbox] + label.disabled > span {
  background: #e8e8e8 !important;
  border-color: #909090;
}
#sip-kit .order-select input[type=checkbox] + label.disabled h3 {
  color: #909090;
}
#sip-kit .order-select input[type=checkbox] + label.disabled .address-wrapper {
  color: #909090;
}
#sip-kit .order-select input[type=checkbox] + label > span {
  font-family: "icomoon" !important;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  text-align: center;
  border: 2px solid #6257ec;
  border-radius: 8px;
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 0.125rem;
  -moz-transition: background 0.25s 0s, color 0.5s;
  -o-transition: background 0.25s 0s, color 0.5s;
  -webkit-transition: background 0.25s 0s, color 0.5s;
  transition: background 0.25s 0s, color 0.5s;
}
#sip-kit .order-select input[type=checkbox]:checked + label > span {
  background: #fff !important;
}
#sip-kit .order-select input[type=checkbox]:checked + label > span:before {
  content: "";
  color: #00ab91;
}
#sip-kit .tabs-panel {
  padding: 0;
}
#sip-kit .cat-wrapper {
  height: auto;
}
#sip-kit .cat-wrapper .button-group1 {
  height: 90px;
}
#sip-kit #cart-slider {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  overflow-y: hidden;
  max-height: 50vh;
  /* approximate max height */
  width: 100%;
  background: #00ab91;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 2.5, 1);
}
#sip-kit #cart-slider h2 {
  margin-top: 1rem;
}
#sip-kit #cart-slider h3 {
  margin-bottom: 1rem;
}
#sip-kit #cart-slider .checkout-wrapper {
  margin: 1rem 0;
}
#sip-kit #cart-slider h2, #sip-kit #cart-slider h3 {
  color: #fff;
}
#sip-kit #cart-slider .btn-main-sm {
  margin: 0;
}
#sip-kit #cart-slider.closed {
  max-height: 0;
  padding: 0;
}
#sip-kit #load-product-info {
  min-height: calc(100vh - 100px);
  margin-bottom: 2.35rem;
}
#sip-kit #load-product-info button.tabs-title {
  padding-right: 0;
  padding-left: 0;
}
#sip-kit #load-product-info button.tabs-title a {
  padding: 0.75rem 2.5rem;
}
#sip-kit .rowInfo {
  width: 100%;
  border: 1px solid #BC18F2;
}
#sip-kit #load-wine-info .close {
  color: #52439b;
  width: 40px;
  height: 40px;
  border-radius: 99px;
  transition: all 0.5s;
}
#sip-kit #load-wine-info .close:hover, #sip-kit #load-wine-info .close:focus, #sip-kit #load-wine-info .close:active {
  background: #E7E7F7;
}
#sip-kit #load-wine-info .header-img {
  margin-top: 2.635rem;
}
#sip-kit #load-wine-info .header-img img {
  max-height: initial;
}
#sip-kit #load-wine-info .header-price {
  display: block;
  margin-top: 0.635rem;
  font-size: 2.25rem;
  font-family: "Prata", serif;
  margin: 1.635rem 0 0.635rem 0;
}
#sip-kit #load-wine-info .description p {
  margin: 2.35rem 1.635rem 4.35rem 1.635rem;
}
#sip-kit #load-wine-info #content {
  padding-bottom: 220px;
}
#sip-kit #load-wine-info #content h3 {
  margin-bottom: 2.35rem;
}
#sip-kit #load-wine-info #content .img-wrapper > div {
  display: inline-block;
  position: relative;
  border: none;
  background: none;
  transition: all 0.2s;
}
#sip-kit #load-wine-info #content .img-wrapper > div::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 60px);
  top: calc(50% - 60px);
  z-index: -1;
  width: 120px;
  height: 120px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
}
#sip-kit #load-wine-info #content .img-wrapper h3 {
  color: #6257ec;
  margin-bottom: 0;
  margin-top: 0.635rem;
}
#sip-kit #load-wine-info #content .img-wrapper h4 {
  color: #302952;
  font-weight: normal;
  white-space: normal;
}
#sip-kit #products .product {
  margin-bottom: 2.635rem;
  border-radius: 12px;
  padding: 0.635rem;
  cursor: hand;
  cursor: pointer;
  transition: all 0.5s;
}
#sip-kit #products .product:hover, #sip-kit #products .product:active, #sip-kit #products .product:focus {
  background: #E7E7F7;
}
#sip-kit #products .product h4 {
  margin: 1.35rem 0;
}
#sip-kit .sip-kit-order-cart h2 {
  margin-bottom: 0.635rem;
}
#sip-kit .sip-kit-order-cart h3 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
#sip-kit .sip-kit-order-cart h3 .tiny {
  font-size: 1rem;
}

.review-reviews .review {
  margin-bottom: 2rem;
}
.review-reviews .review .sub-line, .review-reviews .review .sub-line p {
  color: #909090;
  margin-bottom: 0.35rem;
}

.review-summary .summary-subline {
  vertical-align: top;
  margin-left: 0.35rem;
  line-height: 28px;
}

.review-pagination {
  text-align: center;
}
.review-pagination .number {
  cursor: pointer;
  font-weight: 700;
}

/* star rating */
.product-stars {
  display: inline-block;
  position: relative;
  width: 120px;
}
.product-stars .star {
  -webkit-clip-path: url(https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/css/main2019.css?v=11#star);
  clip-path: url(https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/css/main2019.css?v=11#star);
  display: inline-block;
  box-sizing: border-box;
  background: #909090;
  float: none;
  line-height: 20px;
  width: 20px;
  height: 20px;
  cursor: default;
}
.product-stars .star:last-child {
  margin-right: 0;
}
.product-stars a.star {
  cursor: pointer;
}
.product-stars.large {
  width: 155px;
}
.product-stars.large .star {
  width: 28px;
  height: 28px;
  display: inline-block;
}
.product-stars.large .star:last-child {
  margin-right: 0;
}

.filled, .empty {
  white-space: nowrap;
}

.filled {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.filled .star {
  background: #6257ec;
}

.empty {
  position: relative;
  z-index: 0;
}

.ct-chart {
  position: relative;
  background: #E7E7F7;
  border-radius: 12px;
  margin-bottom: 2rem;
}

.ct-line {
  stroke-width: 6px;
}

.ct-point {
  stroke-width: 14px;
}

.ct-horizontal {
  stroke: #909090;
  stroke-dasharray: 0px;
  stroke-width: 0.25px;
}

.ct-vertical {
  stroke-width: 0px;
}

.animate .ct-series-a {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: draw 2s 0s ease both;
  animation-iteration-count: 1;
  fill: none;
  stroke: #feba16;
  opacity: 0.8;
}

.animate .ct-series-b {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: draw 2s 0.25s ease both;
  animation-iteration-count: 1;
  fill: none;
  stroke: #00ab91;
  opacity: 0.8;
}

.animate .ct-series-a {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: draw 2s 0s ease both;
  animation-iteration-count: 1;
  fill: none;
  stroke: #feba16;
  opacity: 0.8;
}

.animate .ct-series-c {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: draw 2s 0.25s ease both;
  animation-iteration-count: 1;
  fill: none;
  stroke: #52439b;
  opacity: 0.8;
}

.animate .ct-series-d {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: draw 2s 0s ease both;
  animation-iteration-count: 1;
  fill: none;
  stroke: #BC18F2;
  opacity: 0.8;
}

.animate .ct-series-e {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: draw 2s 0.25s ease both;
  animation-iteration-count: 1;
  fill: none;
  stroke: #6257ec;
  opacity: 0.8;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.ct-legend {
  position: relative;
  z-index: 10;
  list-style: none;
  text-align: center;
  margin-top: -45px;
}
.ct-legend li {
  position: relative;
  padding-left: 24px;
  margin-right: 1rem;
  cursor: pointer;
  display: inline-block;
  font-size: 0.85rem;
  color: #302952;
  font-weight: bold;
}
.ct-legend li:before {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  left: 0;
  content: "";
  border-radius: 99px;
}
.ct-legend li.inactive:before {
  background: transparent;
}
.ct-legend.ct-legend-inside {
  position: absolute;
  top: 0;
  right: 0;
}
.ct-legend .ct-series-0:before {
  background-color: #feba16;
  border-color: #feba16;
}
.ct-legend .ct-series-1:before {
  background-color: #00ab91;
  border-color: #00ab91;
}
.ct-legend .ct-series-2:before {
  background-color: #52439b;
  border-color: #52439b;
}
.ct-legend .ct-series-3:before {
  background-color: #BC18F2;
  border-color: #BC18F2;
}
.ct-legend .ct-series-4:before {
  background-color: #6257ec;
  border-color: #6257ec;
}

.ct-series-a .ct-line,
.ct-series-a .ct-point {
  stroke: #feba16;
}

.ct-series-b .ct-line,
.ct-series-b .ct-point {
  stroke: #00ab91;
}

.ct-series-c .ct-line,
.ct-series-c .ct-point {
  stroke: #52439b;
}

.ct-series-d .ct-line,
.ct-series-d .ct-point {
  stroke: #BC18F2;
}

.ct-series-e .ct-line,
.ct-series-e .ct-point {
  stroke: #6257ec;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 5em;
  padding: 0.5em;
  background: #52439b;
  color: #fff;
  font-size: 0.85rem;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.chartist-tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #52439b;
}
.chartist-tooltip.tooltip-show {
  opacity: 1;
}

.ct-area, .ct-line {
  pointer-events: none;
}

.sommology #wines .carousel-cell {
  display: initial;
  width: calc(100%/3);
  height: 200px;
}
@media print, screen and (min-width: 40em) {
  .sommology #wines .carousel-cell {
    width: calc(100%/7);
  }
}
.sommology #wines .carousel-cell a {
  text-decoration: none;
}
.sommology #wines p {
  line-height: 1;
}
.sommology .result-wrapper {
  display: relative;
}
.sommology #wine-wrapper {
  width: calc(100% - 80px);
  margin: 0 auto;
}
.sommology .tasting-name {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .sommology .tasting-name {
    text-align: left;
  }
}
.sommology .flickity-prev-next-button {
  background: #feba16;
  transition: all 0.2s;
}
.sommology .flickity-prev-next-button:focus, .sommology .flickity-prev-next-button:active, .sommology .flickity-prev-next-button:hover {
  transition: all 0.2s;
  background: #52439b;
  color: #fff;
}
.sommology .flickity-prev-next-button.next {
  right: -40px;
}
.sommology .flickity-prev-next-button.previous {
  left: -40px;
}
.sommology .feature-link {
  text-align: center;
  padding-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .sommology .feature-link {
    text-align: right;
    padding-bottom: 0;
  }
}
.sommology .tastingorder {
  position: absolute;
  left: 50%;
  top: 1%;
  height: 32px;
  width: 32px;
  display: block;
  background: #E7E7F7;
  color: #6257ec;
  font-weight: 700;
  line-height: 32px;
  border-radius: 999px;
  border: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
  margin-left: -25.5%;
  text-align: center;
}
.sommology h2 {
  color: #52439b;
  font-weight: 900;
  margin: 1rem 0;
}
.sommology .wine-grid .item {
  cursor: hand;
  cursor: pointer;
}
.sommology .filter ul {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.sommology .filter ul li {
  height: 100%;
  width: 48.28%;
  padding: 0;
  margin: 0;
  margin-top: -2px;
  margin-bottom: -2px;
}
@media print, screen and (min-width: 40em) {
  .sommology .filter ul li {
    width: 11.5%;
    margin: 0.125%;
  }
}
.sommology .filter ul li button {
  background: #E7E7F7;
}
.sommology .filter ul li .filter-active {
  background: #6257ec !important;
  color: #fff !important;
}
.sommology .tastingselect {
  max-width: 50%;
}
.sommology .tabs-panel {
  min-height: 100vh !important;
  padding-top: 0;
}
.sommology .tabs-title {
  position: relative;
  transition: all 0.2s;
}
.sommology .tabs-title::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 60px);
  top: calc(50% - 60px);
  z-index: -1;
  width: 120px;
  height: 120px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background: transparent;
  opacity: 0.2;
}
.sommology .tabs-title:hover::before, .sommology .tabs-title:active::before, .sommology .tabs-title:focus::before {
  transform: scale(1.25);
  background-color: #feba16;
}
.sommology .tabs-title > a {
  padding: 1rem;
  background: none;
}
.sommology .tabs-title > a[aria-selected=true] {
  background: none;
}
.sommology .tabs-title.is-active::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 75px);
  top: calc(50% - 75px);
  z-index: -1;
  width: 150px;
  height: 150px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
}
.sommology .tabs-title.is-active::before {
  transform: scale(1);
}
.sommology .tabs-title .wrapper-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 125px;
}
.sommology .tabs-title .heart-wrapper {
  height: 100%;
  padding: 1rem 0;
}
.sommology .tabs-title .heart-wrapper span.icon-heart {
  color: #6257ec;
  font-size: 3rem;
}
.sommology .tabs-title .heart-wrapper span.label-icon {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  color: #6257ec;
  font-weight: bold;
  padding-top: 0.5rem;
}
.sommology .tabs-title .heart-wrapper .icon {
  width: 100%;
  max-height: 100px;
  margin: 12.5px 0;
}
.sommology .tabs-title img {
  margin: 0 auto;
}
.sommology .recap-wrapper .cat-header {
  padding: 0;
  width: 100%;
  padding: 0px 15px 0px 5px;
  border-radius: 12px;
  background: #E7E7F7;
  margin: 2rem 0 0.635rem 0;
}
.sommology .recap-wrapper .cat-header h2 {
  font-size: 1.05rem;
  color: #6257ec;
}
.sommology .recap-wrapper .cat-header h2.toggle-wine {
  cursor: pointer;
  transition: all 0.2s;
}
.sommology .recap-wrapper .cat-header h2.toggle-wine:hover, .sommology .recap-wrapper .cat-header h2.toggle-wine:focus, .sommology .recap-wrapper .cat-header h2.toggle-wine:active {
  color: #BC18F2;
}
.sommology .recap-wrapper .cat-header h2.toggle-wine:hover .counter, .sommology .recap-wrapper .cat-header h2.toggle-wine:focus .counter, .sommology .recap-wrapper .cat-header h2.toggle-wine:active .counter {
  color: #6257ec;
}
.sommology .recap-wrapper .cat-header .counter {
  background: #fff;
  height: 1.65rem;
  width: 1.65rem;
  border-radius: 99px;
  display: inline-block;
  text-align: center;
  line-height: 1.65rem;
  margin-right: 0.635rem;
}
.sommology .recap-wrapper .cat-header .no-counter {
  margin-left: 1rem;
}
.sommology .recap-wrapper .grid {
  margin-bottom: 2rem;
}
.sommology .recap-wrapper .grid .small-label {
  position: absolute;
  width: 33%;
  top: 0;
  left: 0;
}
.sommology .recap-wrapper .pairing-name {
  display: inline-block;
  width: calc(100% - 45px);
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sommology .recap-wrapper .pairing-name:hover {
  white-space: normal;
  overflow: auto;
  text-overflow: initial;
}
.sommology .dl-recipe {
  position: absolute;
  display: block;
  top: calc(2%);
  right: 2%;
  background: #fff;
  border-radius: 500px;
  padding: 0.035rem 0.635rem;
  text-transform: uppercase;
  font-size: 0.425rem;
}
.sommology .dl-recipe:hover, .sommology .dl-recipe:focus {
  background: #E7E7F7;
  color: #302952;
}
.sommology .wine-container {
  position: relative;
}
.sommology .cart {
  width: 100%;
}
.sommology .grid {
  position: relative;
  width: 100%;
}
.sommology .grid .select-all {
  background: #52439b;
  padding: 0.75rem 1rem !important;
}
.sommology .grid .select-all h3 {
  color: #fff;
}
.sommology .grid .grid-item {
  max-width: 48%;
  margin: 1%;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 225px;
  min-height: 125px;
  cursor: hand;
  cursor: pointer;
}
@media print, screen and (min-width: 40em) {
  .sommology .grid .grid-item {
    max-width: 18.5%;
    margin: 0.5%;
    overflow: auto;
  }
}
.sommology .grid .grid-item img {
  border-radius: 12px;
}
.sommology .grid .grid-item.faved {
  color: green;
}
.sommology .grid .grid-item.faved .recipe-info {
  background: #feba16;
  color: #302952;
}
.sommology .grid .grid-item .recipe-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #6257ec;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0 0 12px 12px;
}
.sommology .grid .grid-item .recipe-info .pairing-name {
  display: inline-block;
  width: calc(100% - 5px);
  vertical-align: bottom;
  white-space: normal;
  vertical-align: middle;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0.35rem;
}
.sommology .grid .grid-item .recipe-info .icon-heart {
  display: inline-block;
  margin-right: 0.5rem;
  cursor: hand;
  cursor: pointer;
  -moz-transition: background-color 0.25s 0s, color 0.25s;
  -o-transition: background-color 0.25s 0s, color 0.25s;
  -webkit-transition: background-color 0.25s 0s, color 0.25s;
  transition: background-color 0.25s 0s, color 0.25s;
}
.sommology .grid .grid-item .recipe-info .icon-heart.faved {
  color: #feba16;
  animation: heartbeat 1s 0.5s;
}
.sommology .grid .grid-item .recipe-info .icon-heart.highlight {
  color: #feba16;
}
.sommology .grid .grid-item .recipe-info a {
  color: #fff;
}
.sommology .grid .grid-item .imagesource {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.7225rem;
  line-height: 0.85rem;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.sommology #recent-orders {
  display: none;
}
.sommology #recent-orders .list {
  list-style-type: none;
  margin: 1rem 0;
}
.sommology #recent-orders .list li {
  margin-bottom: 1.35rem;
  line-height: 1.2;
}
.sommology #recent-orders .list .item-list {
  display: none;
  padding: 0 0 0.635rem 0.635rem;
}
.sommology #recent-orders .list .item-list li {
  margin-bottom: 1rem;
}

.cardonfile > .shrink {
  padding-right: 2rem;
}
.cardonfile > .shrink h2 {
  margin-bottom: 0;
}
.cardonfile#addnewcard {
  display: none;
  padding: 1rem 0;
}

.pic-instruction .slick-arrow:before {
  color: #52439b;
  opacity: 1;
}
.pic-instruction .slick-slide:nth-child(3n+1) .frame-bg {
  background-image: url(https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2016/images/tv-frame1-bg.png);
}
.pic-instruction .slick-slide:nth-child(3n+2) .frame-bg {
  background-image: url(https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2016/images/tv-frame3-bg.png);
}
.pic-instruction .slick-slide .frame-bg {
  background: url(https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2016/images/tv-frame2-bg.png);
  background-repeat: none;
  background-size: cover;
  background-position: 50% 50%;
}
.pic-instruction .pic-steps h2 {
  margin: 2rem 1rem;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  color: #52439b;
  font-weight: 700;
}
.pic-instruction .pic-steps .uploadfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.pic-instruction .pic-steps .uploadfile + label {
  max-width: 225px;
  margin: 0 auto;
  cursor: pointer;
}
.pic-instruction .btn-bg {
  margin-bottom: 2rem;
}
.pic-instruction .bg {
  display: block;
}
.pic-instruction #canvas {
  background: #fff;
}
.pic-instruction .frames {
  background: #e8e8e8;
  padding: 1rem;
}
.pic-instruction .btn-alt {
  margin-top: 1rem;
}
.pic-instruction .number {
  display: inline-block;
  border-radius: 999px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  background: #00ab91;
  height: 35px;
  width: 35px;
  font-size: 18px;
}
.pic-instruction .number div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sitelist {
  list-style-type: none;
  margin: 0.625rem 0;
}

#profile #CopyShipping {
  margin: 0;
}
#profile .profilecopy {
  list-style-type: none;
}
#profile .profilecopy li label {
  color: #302952;
}
#profile .profilecopy li span {
  background: #e8e8e8;
  color: #fff;
}
#profile #profile-img {
  max-height: 150px;
  width: auto;
  margin-bottom: 1rem;
}
#profile .btn-href {
  color: #52439b;
  margin-bottom: 0;
}
#profile #sites {
  list-style-type: none;
  margin: 0;
  display: inline-block;
}
#profile #sites li {
  display: none;
}
#profile #sites li span.url {
  display: inline-block;
  text-align: right;
  min-width: 125px;
}
#profile #sites li span.name {
  color: #52439b;
  font-weight: 700;
}
#profile .penny .btn-save-penny {
  margin-top: 0.635rem;
}
#profile .penny #penny-info {
  font-weight: 700;
}
#profile .penny #penny-results {
  display: none;
  background: #C9EDE8;
  font-weight: 700;
  border-radius: 99px;
  padding: 1rem;
  margin-top: 1rem;
}

#pv-goal {
  background: #6257ec;
}
@keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
#pv-goal h2 {
  margin-bottom: 0;
}
#pv-goal h3 {
  margin-top: 0;
  color: #fff;
}
#pv-goal a {
  color: #fff;
  text-decoration: underline;
}
#pv-goal p {
  color: #fff;
  text-align: center;
}
#pv-goal span#pv-result p {
  font-weight: 700;
}
#pv-goal .progress {
  background-color: #e4c465;
  animation: progressBar 3s ease-in-out;
  animation-fill-mode: both;
}
#pv-goal .meter {
  height: 2rem;
  position: relative;
  background: #E7E7F7;
  border-radius: 99px;
  overflow: hidden;
}
#pv-goal .meter span {
  display: block;
  height: 100%;
}
#pv-goal .progress {
  background-color: #BC18F2;
  border-radius: 99px;
  animation: progressBar 3s ease-in-out;
  animation-fill-mode: both;
}
#pv-goal #meter-fill {
  width: 0%;
}
#pv-goal #pv-amt {
  float: right;
  opacity: 0;
  color: #feba16;
  font-weight: 700;
  margin-right: 10%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  animation: fadeIn ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 0.35s;
  line-height: 2rem;
  white-space: nowrap;
}
#pv-goal #pv-total {
  display: block;
  color: #fff;
  font-weight: 700;
}
@keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.fileContainer {
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.fileContainer [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

/* Example stylistic flourishes */
.fileContainer {
  background: #999AED;
  border-radius: 12px;
  padding: 1rem 0.635rem;
  color: #fff !important;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 1.05rem;
  text-align: center !important;
  margin: 0 auto;
  width: 40%;
}

#dashboard #faststart-badges .flickity-prev-next-button {
  display: none;
}
#dashboard #faststart-badges .carousel-cell {
  display: none;
  width: 68.5%;
  margin-right: 0.935rem;
}
@media print, screen and (min-width: 40em) {
  #dashboard #faststart-badges .carousel-cell {
    width: 27%;
  }
}
@media print, screen and (min-width: 64em) {
  #dashboard #faststart-badges .carousel-cell {
    width: calc(33% - 10px);
  }
}
#dashboard #faststart-badges .carousel-cell .statusImg img {
  height: 25px;
  margin-right: 0.635rem;
  vertical-align: top;
  position: absolute;
  right: 0;
}
#dashboard .recent-badges .badge-list {
  margin: 0 auto;
  list-style-type: none;
  width: 100%;
  padding: 1.635rem 0;
}
#dashboard .recent-badges .badge-list .carousel-cell {
  width: 68.5%;
  /* full width */
  margin-right: 10px;
}
@media print, screen and (min-width: 40em) {
  #dashboard .recent-badges .badge-list .carousel-cell {
    width: 27%;
  }
}
@media print, screen and (min-width: 64em) {
  #dashboard .recent-badges .badge-list .carousel-cell {
    width: 17.5%;
  }
}
#dashboard .recent-badges .badge-list .flickity-prev-next-button {
  display: none;
}
#dashboard .recent-badges .badge-list img {
  padding: 0 1.35rem;
}
#dashboard .recent-badges .badge-list li {
  display: inline-block;
  text-align: center;
}
#dashboard .recent-badges .badge-list p.sub-header {
  color: #909090;
  font-size: 0.85rem;
  line-height: 1.02rem;
}
#dashboard .recent-badges .badge-list .slick-next:before, #dashboard .recent-badges .badge-list .slick-prev:before {
  color: #52439b;
}
#dashboard .recent-badges h2 {
  text-align: center;
  display: block;
}
@media print, screen and (min-width: 40em) {
  #dashboard .recent-badges h2 {
    text-align: left;
    display: inline-block;
  }
}
#dashboard #harvest-pv h2 {
  text-align: center;
  display: block;
}
@media print, screen and (min-width: 40em) {
  #dashboard #harvest-pv h2 {
    text-align: left;
    display: inline-block;
  }
}
#dashboard .news {
  padding: 1rem 0;
}
#dashboard .news h2 {
  margin-top: 0;
}
#dashboard .news .wistia_embed img {
  border-radius: 12px;
}
#dashboard .news .orbit-container {
  padding: 0 10px;
}
#dashboard .news #video .orbit-container {
  min-height: 325px;
}
#dashboard .news #video .orbit-bullets {
  margin: 0;
  display: flex;
  justify-content: center;
}
#dashboard .news #video .orbit-bullets .show-for-sr {
  display: none;
}
#dashboard .news #video .orbit-bullets .is-active {
  display: initial;
  background: #6257ec;
}
#dashboard .news #video .orbit-bullets button {
  margin: 0 0.35rem 0 0;
  width: 20px;
  height: 20px;
  background: #999AED;
}
#dashboard .news #news h3 {
  margin-bottom: 0;
}
#dashboard .news .orbit-container {
  min-height: 175px;
}
#dashboard .news h3 {
  margin-top: 0;
  color: #52439b;
  font-weight: 700;
  font-size: 1.05rem;
}
#dashboard .news .button-wrapper {
  position: absolute;
  bottom: 10px;
  right: 5px;
  width: 50px;
  z-index: 10;
}
#dashboard .news .button-wrapper .icon {
  font-size: 1.05rem;
  color: #52439b;
}
#dashboard .news .button-wrapper .orbit-previous, #dashboard .news .button-wrapper .orbit-next {
  padding: 0;
}
#dashboard .news-more {
  display: block;
  text-align: center;
  margin-top: 0.635rem;
}
#dashboard .news .alignleft {
  float: left;
  margin: 0 1rem 1rem 0;
}
#dashboard .news .news-title-wrapper {
  background: #52439b;
  color: #fff;
  padding: 2rem;
  margin-bottom: 1rem;
  position: relative;
}
#dashboard .news .circ {
  display: inline-block;
  vertical-align: middle;
  border: 4px solid #00ab91;
  background: #fff;
  color: #00ab91;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 44px;
  border-radius: 999px;
  font-size: 1.5rem;
  margin: 0 0.25rem 1rem 0;
}
#dashboard .news .news-item {
  margin-bottom: 4rem;
}
#dashboard .news hr.small {
  margin-bottom: 2rem;
}
#dashboard .news .most-recent a {
  float: right;
  position: fixed;
  right: 1%;
  bottom: 10%;
  width: 12%;
  z-index: 999;
  color: #fff;
  text-align: center;
  padding: 0.5rem;
  background: #909090;
}
#dashboard .news .most-recent a:hover {
  background: #777777;
}
#dashboard .news .nav-links a {
  font-size: 0;
  color: transparent;
}
#dashboard .page-header {
  background: #E7E7F7;
}
#dashboard .empty-badge {
  width: 78px;
  height: 78px;
}
#dashboard .no-circ {
  background: #fff;
  text-align: center;
  margin: 0 auto;
  width: 96px;
  height: 96px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(#fff, #E7E7F7);
}
#dashboard .no-circ .no-circ-inner {
  line-height: 1.1;
  font-size: 0.85rem;
  padding: 0.635rem;
}
#dashboard .no-circ .no-circ-inner a {
  text-decoration: none;
  color: #909090;
}
#dashboard span.description {
  display: block;
  font-size: 1.05rem;
  margin: 0.5rem 0;
}
#dashboard .banner {
  background: #6257ec;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-bottom: 1rem;
}
#dashboard .banner h2 {
  color: #fff;
  margin: 1rem 0;
}
#dashboard .icon-help {
  position: absolute;
  top: 0;
  display: block;
  width: 30px;
  height: 30px;
  right: 0%;
}
@media print, screen and (min-width: 40em) {
  #dashboard .icon-help {
    right: 50%;
    margin-right: -33.3%;
  }
}
#dashboard .training-img {
  display: inline-block;
  vertical-align: top;
  width: 78px;
  margin: 0 5px 0 0;
}
#dashboard h2.alt {
  color: #fff;
  margin-bottom: 2rem;
}
#dashboard .page-header h1 {
  margin-bottom: 0;
}
#dashboard .page-header h3 {
  font-weight: 700;
  margin-top: 0;
  padding-top: 0;
  color: #6257ec;
}
#dashboard .page-header h3 span {
  color: #909090;
}
#dashboard .info {
  margin-bottom: 0;
  padding: 1rem 0;
}
#dashboard .section {
  padding: 1.635rem 0;
}
@media print, screen and (min-width: 40em) {
  #dashboard .section {
    padding: 1.635rem 0.9375rem;
  }
}
#dashboard .section .btn-main {
  max-width: 50%;
  margin: 1rem auto;
}
#dashboard #pv-circ {
  width: 350px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dashboard #pv-circ .chart-amount {
  font-family: "Poppins", sans-serif;
  color: #52439b;
  font-weight: 900;
}
#dashboard #pv-circ .chart-amount .chart-goal {
  margin-bottom: -20px;
  margin-top: 5px;
  line-height: initial;
  font-weight: 400;
}
#dashboard #pv-circ :first-child {
  margin-bottom: 10px;
}
#dashboard .progress-pv {
  -webkit-transform: rotate(-83deg);
  transform: rotate(-83deg);
}
#dashboard .progress__meter, #dashboard .progress__value {
  fill: none;
}
#dashboard .progress__meter {
  stroke: #e8e8e8;
}
#dashboard .progress__value {
  stroke: #00ab91;
  stroke: url(https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/css/main2019.css?v=11#header-shape-gradient) #00ab91;
  stroke-linecap: round;
  animation: progress 2s alternate;
}
@keyframes progress {
  from {
    stroke-dashoffset: 339.292;
  }
}
#dashboard #header-shape-gradient {
  --color-stop: #00ab91;
  --color-bot: #999AED;
}
#dashboard .pv-chart {
  height: 250px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  #dashboard .pv-chart {
    height: 400px;
  }
}

#virtualaccess h2 {
  margin-top: 2rem;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.thrive-tracker {
  background: #E7E7F7;
  border-radius: 12px;
}
.thrive-tracker .bar {
  background: #fff;
  border-radius: 99px;
  height: 3.25rem;
}
.thrive-tracker .bar .fill {
  background: #feba16;
  background: linear-gradient(-45deg, #feba16, #feba16, #999AED);
  display: inline-block;
  width: 0%;
  height: 100%;
  border-radius: 999px;
  animation: tracker 2s ease forwards;
  z-index: 1;
}
.thrive-tracker .bar .fill span {
  float: right;
  opacity: 0;
  color: #6257ec;
  font-weight: 700;
  margin-right: 10%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  animation-delay: 0.35s;
  white-space: nowrap;
}
.thrive-tracker .legend {
  position: relative;
  height: 60px;
  z-index: 0;
}
.thrive-tracker .legend p {
  text-transform: uppercase;
  width: 90px;
  display: inline-block;
  position: absolute;
  margin-left: -45px;
  text-align: center;
  font-size: 0.85rem;
  padding-top: 1rem;
}
.thrive-tracker .legend p span {
  display: block;
  font-size: 0.65rem;
}
.thrive-tracker .legend .silver {
  left: 33.3333%;
}
.thrive-tracker .legend .gold {
  left: 66.6666%;
}
.thrive-tracker .legend .luxx {
  right: -30px;
}
.thrive-tracker .legend .tick {
  border-left: 2px solid #BC18F2;
  height: 4.5rem;
  position: absolute;
  left: 50%;
  top: -3.75rem;
  z-index: 0;
}
.thrive-tracker .legend .byline {
  display: none;
}

.inventory h1.script {
  font-family: "Playlist-Script", cursive;
  text-transform: lowercase;
  display: inline-block;
  color: #feba16;
  transform: rotate(-8deg);
  position: relative;
  font-weight: 400;
  font-size: 3.15rem;
  display: block;
  color: #feba16 !important;
  font-size: 76px;
  text-align: right;
  z-index: -1;
}
.inventory .inventory-header {
  background: url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/images/circles-bg.png") 0 0 no-repeat !important;
  background-size: cover !important;
}
.inventory .inventory-header .date {
  display: block;
  font-weight: 700;
  margin-top: -25px;
  z-index: 3;
}
.inventory .inventory-footer {
  border-top: 1px solid #909090;
  margin-top: 40px;
  padding: 5px 0;
}
.inventory .inventory-list .group h2 {
  color: #6257ec;
}
.inventory .inventory-list .group .inventory-row {
  padding: 10px 0;
  border-top: 1px solid #BC18F2;
}
.inventory .inventory-list .group .inventory-row h3 {
  margin: 0;
  padding: 0;
  font-size: 11.5pt;
}
.inventory .inventory-list .group .inventory-row:last-of-type {
  border-bottom: 1px solid #BC18F2;
}
.inventory .inventory-list .group .inventory-row p.award {
  font-size: 10pt;
  line-height: 1.3;
  margin-bottom: 0;
}
.inventory .inventory-grid {
  display: none;
}
.inventory .inventory-grid h2 {
  border-bottom: 1px solid #BC18F2;
}
.inventory .inventory-grid h3 {
  margin-top: 0;
  color: #6257ec;
  font-weight: 700;
  font-size: 10pt;
  line-height: 1.2;
  margin-bottom: 1.5pt;
}
.inventory .inventory-grid .item {
  margin-top: 10pt;
}
.inventory .inventory-grid p.byline {
  font-size: 7.5pt;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0;
}
.inventory .inventory-grid p.desc {
  font-size: 7.5pt;
  line-height: 1.2;
  margin-bottom: 7.5pt;
}
.inventory .inventory-grid p.award {
  font-size: 7.5pt;
  line-height: 1.2;
  margin-bottom: 0;
  font-style: italic;
}

#july-promo .tiffany {
  background: #fff url("https://tvcdn.azureedge.net/assets/images/tiffany-box.png") no-repeat 0% 100%;
  background-size: contain;
  margin-bottom: 1rem;
  padding: 2rem 2rem 260px 2rem;
  border-radius: 12px;
}
@media print, screen and (min-width: 40em) {
  #july-promo .tiffany {
    padding-bottom: 3rem;
  }
}
#july-promo .tiffany h2, #july-promo .tiffany h3 {
  color: #0abab5;
  font-weight: 400;
}
#july-promo .tiffany h2 {
  font-family: "Prata", serif;
  font-size: 2.25rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  margin-top: 0;
}
#july-promo h3 {
  font-size: 1.5rem !important;
}
#july-promo .header {
  background: #0abab5;
  color: #fff;
}
#july-promo .header p {
  color: #fff;
}
#july-promo .card h2 {
  font-size: 1.05rem;
}
#july-promo .earned p {
  font-size: 1.5rem;
  font-weight: 700;
}
#july-promo .icon {
  position: relative;
  width: 48px;
  max-height: 48px;
  text-align: center;
  margin: 2rem auto 2rem auto;
  z-index: 2;
}
#july-promo .icon::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 42px);
  top: calc(50% - 42px);
  z-index: -1;
  width: 84px;
  height: 84px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #fff;
  opacity: 0.52;
}

.promo-kit .terms {
  margin-left: 0.5rem;
  font-size: 0.85rem;
  line-height: 0.935rem;
}
.promo-kit .agreement-row p {
  font-size: 1rem;
}

#agreement-reveal .agreement-row {
  margin-bottom: 0.635rem;
}
#agreement-reveal .agreement-row input[type=checkbox] {
  opacity: 0;
}
#agreement-reveal .agreement-row h3 {
  margin: 0;
}
#agreement-reveal .agreement-row .byline {
  font-weight: 400;
  font-size: 0.85rem;
  width: 100%;
  margin-bottom: 0;
}
#agreement-reveal .agreement-row div.info {
  padding-left: 0.635rem;
}
#agreement-reveal .agreement-row .notes {
  display: none;
  border-bottom: 1px solid #BC18F2;
}
#agreement-reveal .agreement-row .btn-text {
  color: #BC18F2;
  font-weight: 700;
  text-decoration: underline;
}
#agreement-reveal .agreement-row li {
  color: #302952;
}
#agreement-reveal .agreement-row .download {
  font-size: 0.85rem;
  margin: auto 1rem;
  display: inline-block;
}
#agreement-reveal label {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

#event-close, #order-submit {
  display: none;
}

.winedup .kit-bulk-edit {
  display: none;
}
.winedup .kit-bulk-edit .floating-label {
  width: 98%;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
.winedup .kit-bulk-edit .floating-label select {
  margin: 0 0 0.635rem 0;
}
.winedup #kit-response .message-bar-wrapper, .winedup #guest-response .message-bar-wrapper {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
}
@media print, screen and (min-width: 40em) {
  .winedup #kit-response .message-bar-wrapper, .winedup #guest-response .message-bar-wrapper {
    left: initial;
  }
}
.winedup #kit-response.error-message .message-bar, .winedup #guest-response.error-message .message-bar {
  background: #D45E5E;
  box-shadow: 0px 0px 24px -6px #52439b;
}
.winedup #guesttable {
  display: none;
}
.winedup .icon-status {
  display: none;
}
.winedup tr.guest {
  border-bottom: 1px solid #BC18F2;
}
.winedup tr.guest h4 {
  font-size: 1.5rem;
}
.winedup tr.guest h4 .lastname {
  display: block;
  font-size: 1.05rem;
}
.winedup .kit-info h3 {
  font-size: 1.5rem;
}
.winedup .kit-info h3 .price {
  color: #BC18F2;
  display: block;
  font-size: 1rem;
}
.winedup #kit-options {
  border-right: 1px solid #BC18F2;
  padding: 0 0.635rem;
}
.winedup #more-kit-options {
  padding: 0 0.635rem;
}
.winedup #more-kit-options .tiny-icon {
  margin: -2px 0 0 0.325rem;
}
.winedup #more-options {
  position: absolute;
  background: #E7E7F7;
  border-radius: 12px;
  display: none;
  z-index: 10;
}
.winedup #more-options .inner {
  list-style-type: none;
  margin: 0;
  padding: 0.325rem 0;
}
.winedup #more-options .inner li {
  padding: 0 0.635rem;
}
.winedup #more-options .inner button {
  border-bottom: 1px solid #6257ec;
  width: 100%;
  padding: 1rem 0.635rem;
  font-weight: 600;
  font-size: 1rem;
}
.winedup #more-options .inner button:hover, .winedup #more-options .inner button:focus, .winedup #more-options .inner button:active {
  background: #C9EDE8;
}
.winedup #more-options .inner li:last-child button {
  border: none;
}
.winedup .kit-row img.empty-img {
  opacity: 0.4;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  min-height: 185px;
}
.winedup .kit-row .kit-selected {
  max-height: 150px;
}
.winedup .kit-row p {
  font-weight: 600;
  line-height: 1.1;
}

#winedup-payments {
  display: none;
}

#modal-receipt h3 {
  color: #BC18F2;
}
#modal-receipt #receipt-info {
  border-bottom: 1px solid #52439b;
  margin-bottom: 1rem;
}
#modal-receipt #receipt-payments {
  border-top: 1px solid #52439b;
  margin-top: 1rem;
  padding-top: 1rem;
}

#upload-wrapper {
  display: block;
  margin-top: 2.325rem;
}

.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  max-width: 80%;
  font-size: 1.05rem;
  /* 20px */
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1rem;
  /* 10px 20px */
}

.no-js .inputfile + label {
  display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #302952;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

.inputfile + label {
  color: #BC18F2;
  border: 3px solid #BC18F2;
  border-radius: 12px;
  background-color: #fff;
  padding: 0;
}

.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
  border-color: #BC18F2;
}

.inputfile + label span,
.inputfile + label strong {
  padding: 0.625rem 1rem;
  /* 10px 20px */
}

.inputfile + label span {
  width: 400px;
  min-height: 2em;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  font-size: 1.05rem;
}
@media print, screen and (min-width: 40em) {
  .inputfile + label span {
    width: 200px;
  }
}

.inputfile + label strong {
  height: 100%;
  color: #fff;
  background-color: #BC18F2;
  display: inline-block;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .inputfile + label strong {
    text-align: left;
  }
}

.inputfile:focus + label strong,
.inputfile.has-focus + label strong,
.inputfile + label:hover strong {
  background-color: #BC18F2;
}

@media screen and (max-width: 50em) {
  .inputfile + label strong {
    display: block;
  }
}
@media screen {
  #printSection {
    display: none;
  }
}
@media print {
  @page {
    size: letter;
  }
  body.is-reveal-open {
    visibility: hidden;
  }

  #btnPrint, button.close {
    visibility: hidden;
    display: none;
  }

  #printSection, #printSection * {
    visibility: visible;
  }

  #printSection {
    position: absolute;
    left: 0;
    top: 0;
  }
}
#sale-sidebar {
  max-height: 20vh !important;
}
@media print, screen and (min-width: 40em) {
  #sale-sidebar {
    max-height: initial !important;
    min-height: 80vh;
  }
}
#sale-sidebar .wrapper {
  max-height: 20vh !important;
  background: url("https://thrive.travelingvineyard.com/wp-content/themes/TastingRoom2019/app/images/bg-sale.png");
  background-size: cover;
}
@media print, screen and (min-width: 40em) {
  #sale-sidebar .wrapper {
    max-height: initial !important;
    min-height: 80vh;
  }
}

h2.sale-name {
  margin-top: 2rem;
  font-family: "Playlist-Script", cursive;
  text-transform: lowercase;
  display: inline-block;
  color: #feba16;
  transform: rotate(-8deg);
  position: relative;
  font-weight: 400;
  font-size: 3.15rem;
  transform: rotate(-5deg);
  font-size: 4.5rem;
  padding: 0 1rem;
}

h2.sale-price {
  position: relative;
  font-size: 2.5rem;
  width: auto;
  display: inline-block;
  z-index: 1;
  margin-top: 1rem;
}
h2.sale-price::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 60px);
  top: calc(50% - 60px);
  z-index: -1;
  width: 120px;
  height: 120px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
}

h3.sale-byline {
  color: #BC18F2;
  margin-top: -20px;
  margin-bottom: 2rem;
}

p.sale-byline {
  color: #909090;
  font-size: 1rem;
}

.background-circle {
  transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), margin 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  opacity: 0;
  margin-top: 20px;
  z-index: -2;
  background: #C9EDE8;
  border-radius: 999px;
  background-size: contain;
}
.background-circle.position-absolute {
  position: absolute;
}

@keyframes float-green {
  0% {
    transform: translateY(0%);
    opacity: 0;
  }
  50% {
    transform: translateY(-20%) translateX(10%);
    opacity: 1;
  }
  100% {
    transform: translateY(0%);
    opacity: 0;
  }
}
@keyframes float-yellow {
  0% {
    transform: rotate(5deg) translate(-23%, 10%);
    opacity: 0.25;
  }
  33% {
    opacity: 1;
  }
  66% {
    transform: scale(1.225);
    opacity: 1;
  }
  100% {
    transform: translate(-30%, 20%);
    opacity: 0;
  }
}
@keyframes float-purple {
  0% {
    transform: translate(0%, 0%);
    opacity: 0;
  }
  15% {
    transform: translate(-2%, -10%);
    opacity: 1;
  }
  40% {
    transform: translate(0%, -20%);
  }
  65% {
    transform: translate(2%, -10%);
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 0;
  }
}
.background-circle {
  position: absolute;
  height: 250px;
  width: 250px;
  top: 50%;
  right: 50%;
}

.background-color-purple, .background-color-yellow, .background-color-green {
  opacity: 1;
  margin-top: 0;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .floating.background-color-purple {
    top: 60%;
    right: 5%;
    background: rgba(153, 154, 237, 0.6);
    animation: float-purple 25s ease-in-out infinite;
  }
  .floating.background-color-yellow {
    background: #fff1d6;
    animation: float-yellow 12s ease-in-out infinite;
    top: 10%;
    left: 60%;
    height: 150px;
    width: 150px;
    opacity: 0.5;
  }
  .floating.background-color-green {
    top: 50%;
    right: 70%;
    animation: float-green 15s ease-in-out infinite;
  }
}
#emitter {
  visibility: hidden;
  background-color: #222;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 40%;
  left: 0%;
}

.dot-container {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  z-index: 5000;
  pointer-events: none;
}

.dot {
  position: absolute;
  pointer-events: none;
  /*performance optimization*/
}

.testimonial h2 {
  margin-bottom: 0;
}
.testimonial h2 .script {
  font-family: "Playlist-Script", cursive;
  text-transform: lowercase;
  display: inline-block;
  color: #feba16;
  transform: rotate(-8deg);
  position: relative;
  font-weight: 400;
  font-size: 3.15rem;
  display: block;
}
.testimonial #wine-clink {
  position: relative;
  text-align: center;
  margin: 0 auto;
  height: 120px;
}
.testimonial #wine-clink::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  right: calc(50% - 30px);
  top: calc(50% - 40px);
  z-index: -1;
  width: 60px;
  height: 60px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 99px;
  background-color: #0ce2ae;
  opacity: 0.2;
}
.testimonial #wine-clink .wineglass {
  height: 36px;
  position: relative;
}
.testimonial #wine-clink .wineglass:after {
  content: "";
  position: absolute;
  top: 46px;
  left: 3px;
  width: 26px;
  height: 4px;
  border-radius: 999px;
  background: #302952;
  box-shadow: 0 0 1px #302952;
}
.testimonial #wine-clink .top {
  border: 4px solid #302952;
  width: 30px;
  height: 26px;
  border-radius: 0 0 36px 36px;
  box-shadow: 0 0 1px #302952;
}
.testimonial #wine-clink .top:before {
  content: "";
  position: absolute;
  left: 4px;
  bottom: 14px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(transparent 50%, #6257ec 50%);
}
.testimonial #wine-clink .left .top:before {
  animation: rotate2 2s linear infinite;
}
.testimonial #wine-clink .right .top:before {
  animation: rotate1 2s linear infinite;
}
.testimonial #wine-clink .top:after {
  content: "";
  position: absolute;
  top: 25px;
  left: 13px;
  width: 4px;
  height: 24px;
  background: #302952;
  box-shadow: 0 0 1px #302952;
}
.testimonial #wine-clink .left {
  display: inline-block;
  margin-right: 3px;
  animation: rotate1 2s cubic-bezier(0.39, 1.52, 0.46, 0.92) infinite;
}
.testimonial #wine-clink .right {
  display: inline-block;
  margin-left: 3px;
  animation: rotate2 2s cubic-bezier(0.39, 1.52, 0.46, 0.92) infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(22deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-22deg);
  }
}
.testimonial #wine-clink ul.express {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 25px;
  position: relative;
  opacity: 0;
  animation: 2s fadeInUp infinite linear 2s;
}
.testimonial #wine-clink ul.express li {
  width: 6px;
  height: 15px;
  border-radius: 999px;
  background: #302952;
  position: absolute;
  box-shadow: 0 0 1px #302952;
  transform-origin: bottom;
}
.testimonial #wine-clink ul.express li:nth-child(1) {
  left: calc(50% - 23.5px);
  bottom: 10px;
  transform: rotate(-35deg);
}
.testimonial #wine-clink ul.express li:nth-child(2) {
  left: calc(50% - 1.5px);
  bottom: 13px;
}
.testimonial #wine-clink ul.express li:nth-child(3) {
  left: calc(50% + 20px);
  bottom: 10px;
  transform: rotate(35deg);
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: scaleY(1);
  }
  33% {
    opacity: 1;
    transform: scaleY(1.2);
  }
  64% {
    opacity: 0.1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0.3);
  }
}

.grower {
  pointer-events: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100vw;
  bottom: 0;
}
.grower .circle {
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  margin-top: -50%;
  margin-left: -50%;
  -webkit-transform: scale(0);
  transform: scale(0);
}
@media print, screen and (min-width: 40em) {
  .grower .circle {
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
  }
}
.grower .circle.cover {
  -webkit-transform: scale(5);
  transform: scale(5);
}

#harvest-22 .card {
  background: #6257ec;
  background: #a9a3f5;
  padding-bottom: 1rem;
  border: none;
  border-radius: 32px;
  padding: 1.635rem 0.635rem;
}
#harvest-22 .card:nth-child(2n) {
  background: #c0bcf7;
}
#harvest-22 .card:nth-child(3n) {
  background: #d8d5fa;
}
#harvest-22 .card h3 {
  font-size: 2.25rem;
  margin-bottom: 0.635rem;
  margin-top: 0;
}
#harvest-22 .card h4.price {
  background: #E7E7F7;
  font-size: 1.5rem;
  color: #BC18F2;
  width: 50%;
  margin: 0 auto;
  border-radius: 32px;
}
#harvest-22 .card ul {
  list-style-type: none;
  margin: 0 0 0.635rem 0;
  padding: 0;
}
#harvest-22 .card .btn-alt {
  min-width: auto;
  white-space: normal;
  padding: 0.625rem 1.25rem;
  margin-bottom: 0;
}
#harvest-22 .card .payment-sub {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
}

.harvest-wrapper-div h2 {
  color: #302952;
  font-size: 1.5rem;
}
.harvest-wrapper-div .payment-wrapper {
  background: #fff;
  border-radius: 12px;
  padding: 0.635rem 1.35rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.3;
}
.harvest-wrapper-div .payment-wrapper .payments {
  color: #BC18F2;
  font-weight: 700;
  display: block;
  margin-bottom: 0.35rem;
}
.harvest-wrapper-div .cardonfile > .shrink {
  padding: 0;
}