.back-color-primary {
  background-color: #83210f;
}

.back-color-accent-darken-2 {
  /* 12% */
  background-color: #ad7100;
}

.back-color-accent-darken-1 {
  /* 6% */
  background-color: #bd8100
}

.back-color-accent {
  background-color: #cc900c
}

.back-color-accent-lighten-1 {
  /* 6% */
  background-color: #db9f1b;
}

.back-color-accent-lighten-2 {
  /* 12% */
  background-color: #ebaf2b;
}

/*
 * placeholder: #b4b5ad
 * lum-table__thead: #d0d0d0
 * table hightlight: #f2f2f2
 */

.lum-photo-upload {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

@media only screen and (min-width: 840px) {
  .lum-photo-upload {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.lum-photo-upload__photo,
.lum-banner-upload__photo {
  margin-top: 16px;
}

.lum-photo-upload__photo {
  width: 200px;
}

@media only screen and (min-width: 840px) {
  .lum-photo-upload__photo {
    margin-top: 0;
    margin-right: 32px;
  }
}

.lum-photoselector {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 16px 24px 16px;
}

.lum-photoselector__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

.lum-photoselector__photo {
  margin-top: 16px;
}

.lum-hi-res-photo-box {
  width: 100%;
  margin-bottom: 1rem;
}

.lum-lightbox-image {
  max-width: 100%;
  max-height: 75vh;
}

.lum-hi-res-section {
  display:flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 840px) {
  .lum-photo-upload__actionbox {
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
  }
}

.lum-photo-upload__desc,
.lum-banner-upload__desc {
  margin: 0 0 16px 0;
}

.lum-photo-upload__action,
.lum-banner-upload__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

.lum-banner-upload__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 840px) {
  .lum-banner-upload__desc {
    text-align: center;
  }
}

.lum-banner-photo {
  width: 100%;
  max-width: 750px;
}

.lum-photo-placeholder {
  position: relative
}

.lum-photo-placeholder:before {
  content: "";
  display: block;
  padding-top: 100%; /* square by default */
}

.lum-photo-placeholder.landscape-3-2:before {
  padding-top: 66.666666%;
}

.lum-photo-placeholder__image {
  background-color: #b4b5ad;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.lum-photo-placeholder__image > img {
  width: 100%;
  height: 100%;
}

.lum-cover-placeholder {
  width: 100%;
  height: 100%;
  background-color: #b4b5ad;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px;
}

.lum-cover-placeholder.lum-cover-placeholder--cover {
  background-size: cover;
}

div.lum-pg-container {
  width: 80%;
  margin: 0 auto;
}

/* Existing */
.chip a {
  color: rgba(0,0,0,0.6);
}

.genreTypehidden {
  display: none;
}

.musicTypehidden {
  display: none;
}

.lum-searchcount {
  margin: 0 0 10px 0;
}

.lum-searchcount span {
  color: rgba(0, 0 ,0, 0.54);
  line-height: 1;
}

.lum-searchcount strong {
  color: rgba(0, 0 ,0, 0.54);
  line-height: 1;
}

.lum-searchcount hr {
  color: rgba(0, 0 ,0, 0.54);
}

.lum-emptystate {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-emptystate__header {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}

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

.lum-emptystate__action {
  padding-top: 16px;
}

div.lum-table {
  display: table;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

div.lum-table__thead {
  display: table-header-group;
  vertical-align: middle;
  border-bottom: 1px solid #d0d0d0;
}

div.lum-table__tbody {
  display: table-row-group;
  vertical-align: middle;
}

div.lum-table__thead > div {
  display: table-row;
}


div.lum-table__tbody > * {
  display: table-row;
}

div.lum-table.highlight div.lum-table__tbody > * {
  transition: background-color .25s ease;
}

div.lum-table.highlight div.lum-table__tbody > *:hover {
  background-color: #f2f2f2;
}

div.lum-table__thead > div > div {
  font-weight: bold;
}

div.lum-table__thead > div > div,
div.lum-table__tbody > * > div,
div.lum-table__tbody > * > a {
  display: table-cell;
  border: none;
  padding: 15px 5px;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

div.lum-table__tbody a {
  color: rgba(0,0,0,0.87);
}

div.lum-table__tbody > * > .lum-table__cell--center {
  text-align: center;
}

/* Override materialize.css */
a {
  color: #cc900c;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-flat):not(.btn-floating) {
  color: #cc900c;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-flat):not(.btn-floating):hover {
  color: #ebaf2b;
}

/* card-action already has padding so the buttons don't need the extra spacing */
.card .card-action a:not(.btn):not(.btn-large):not(.btn-flat):not(.btn-floating):last-child {
  margin-right: 0;
}

.btn:focus, .btn-large:focus, .btn-floating:focus {
  /* 12% darken */
  background-color: #ad7100;
}

.btn, .btn-large, .btn-floating {
  background-color: #cc900c;
}

.btn-flat {
  color: #cc900c;
}

.btn:hover, .btn-large:hover, .btn-floating:hover {
  background-color: #ebaf2b;
}

.tabs .tab a.active,
.tabs .tab a:hover {
  color: #cc900c;
}

.tabs .tab a {
  color: rgba(204, 144, 12, 0.7);
}
.tabs .indicator {
  background-color: #cc900c; /* accent */
}

.select-wrapper+label:after {
  content: attr(data-servererror);
  color: #f44336;
  opacity: 1;
  font-size: 0.8rem;
  position: absolute;
  top: 60px;
  display: block;
  transition: .2s opacity ease-out, .2s color ease-out;
}

.select-wrapper + label {
  width: 100%;
  pointer-events: none;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid #cc900c;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #cc900c;
  z-index: 0;
}

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #cc900c;
  border-bottom: 2px solid #cc900c;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:checked + label:after,
[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border: 2px solid #cc900c;
  background-color: #cc900c;
}

.auth0-lock-container [type="checkbox"]:not(:checked),
.auth0-lock-container [type="checkbox"]:checked {
  left: auto;
  opacity: 1.0;
  pointer-events: unset;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #cc900c;
  -webkit-box-shadow: 0 1px 0 0 #cc900c;
          box-shadow: 0 1px 0 0 #cc900c;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #cc900c;
}

input:not([type]).auth0-lock-input,
input[type=text]:not(.browser-default).auth0-lock-input,
input[type=password]:not(.browser-default).auth0-lock-input,
input[type=email]:not(.browser-default).auth0-lock-input,
input[type=url]:not(.browser-default).auth0-lock-input,
input[type=time]:not(.browser-default).auth0-lock-input,
input[type=date]:not(.browser-default).auth0-lock-input,
input[type=datetime]:not(.browser-default).auth0-lock-input,
input[type=datetime-local]:not(.browser-default).auth0-lock-input,
input[type=tel]:not(.browser-default).auth0-lock-input,
input[type=number]:not(.browser-default).auth0-lock-input,
input[type=search]:not(.browser-default).auth0-lock-input {
  background-color: white;
  border: unset;
  border-bottom: unset;
  border-radius: unset;
  outline: unset;
  height: unset;
  width: unset;
  font-size: unset;
  margin: unset;
  padding: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  -webkit-transition: unset;
  transition: unset;
}

input:not([type]):focus:not([readonly]).auth0-lock-input,
input[type=text]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=password]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=email]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=url]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=time]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=date]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=datetime]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=tel]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=number]:not(.browser-default):focus:not([readonly]).auth0-lock-input,
input[type=search]:not(.browser-default):focus:not([readonly]).auth0-lock-input {
  border-bottom: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.dropdown-content li > a, .dropdown-content li > span {
  color: #cc900c;
  padding: 10px 16px;
}

.dropdown-content li {
  min-height: 30px;
}

ul.stepper .step-title:after {
  color: rgba(0,0,0,0.54);
}

.row.row--dense {
  margin-bottom: 0.5rem;
}

.tap-target {
  background-color: #cc900c;
}

.btn.disabled.tooltipped, .disabled.btn-large.tooltipped,
.btn-floating.disabled.tooltipped,
.btn-large.disabled.tooltipped,
.btn-flat.disabled.tooltipped {
  /* Allow tooltips to show on disabled buttons */
  pointer-events: auto;
}

.input-field .prefix.active {
  color: #cc900c;
}
/* No more Materialize override */

.btn.btn--outlined {
  background-color: transparent;
  color: #cc900c;
  box-shadow: none;
  border: 1px solid #cc900c;
  border-radius: 4px;
}

.btn.btn--outlined:focus {
  background-color: rgba(0,0,0,0.1);
}

.btn.btn--outlined.disabled {
  border-color: #9f9f9f;
}

.btn.btn--withicon,
.btn-flat.btn--withicon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn--withicon .btn__icon.btn__icon--left {
  margin-right: 8px;
}
/*
 * Add an additional description to a text field that
 * hides on error to be replaced by error text.
 * This does not work with success text.
 */
.input-field--with-desc .input-field__desc {
  display: inline; /* allows character counter to float around desc */
  padding-top: 4px;
  padding-bottom: 16px;
  color: rgba(0,0,0,0.38);
}

/* Remove margin so helper text is right below field */
.input-field--with-desc input:not([type]),
.input-field--with-desc input[type=text],
.input-field--with-desc input[type=password],
.input-field--with-desc input[type=email],
.input-field--with-desc input[type=url],
.input-field--with-desc input[type=time],
.input-field--with-desc input[type=date],
.input-field--with-desc input[type=datetime],
.input-field--with-desc input[type=datetime-local],
.input-field--with-desc input[type=tel],
.input-field--with-desc input[type=number],
.input-field--with-desc input[type=search],
.input-field--with-desc textarea.materialize-textarea {
  margin-bottom: 0px;
}

.input-field--with-desc input:not([type])+label:after,
.input-field--with-desc input[type=text]:not(.browser-default)+label:after,
.input-field--with-desc input[type=password]:not(.browser-default)+label:after,
.input-field--with-desc input[type=email]:not(.browser-default)+label:after,
.input-field--with-desc input[type=url]:not(.browser-default)+label:after,
.input-field--with-desc input[type=time]:not(.browser-default)+label:after,
.input-field--with-desc input[type=date]:not(.browser-default)+label:after,
.input-field--with-desc input[type=datetime]:not(.browser-default)+label:after,
.input-field--with-desc input[type=datetime-local]:not(.browser-default)+label:after,
.input-field--with-desc input[type=tel]:not(.browser-default)+label:after,
.input-field--with-desc input[type=number]:not(.browser-default)+label:after,
.input-field--with-desc input[type=search]:not(.browser-default)+label:after,
.input-field--with-desc textarea.materialize-textarea+label:after,
.input-field--with-desc .select-wrapper+label:after {
  /* calc(100% - 20px); */
  top: 68.5px;
}

/* Re-add margin if error to make space for error */
.input-field--with-desc input[type=text]:focus.invalid,
.input-field--with-desc input[type=text].invalid,
.input-field--with-desc input:not([type]):focus.invalid.server-invalid,
.input-field--with-desc input:not([type]).invalid.server-invalid,
.input-field--with-desc input[type=text]:focus.invalid.server-invalid,
.input-field--with-desc input[type=text].invalid.server-invalid,
.input-field--with-desc input[type=password]:focus.invalid.server-invalid,
.input-field--with-desc input[type=password].invalid.server-invalid,
.input-field--with-desc input[type=email]:focus.invalid.server-invalid,
.input-field--with-desc input[type=email].invalid.server-invalid,
.input-field--with-desc input[type=url]:focus.invalid.server-invalid,
.input-field--with-desc input[type=url].invalid.server-invalid,
.input-field--with-desc input[type=time]:focus.invalid.server-invalid,
.input-field--with-desc input[type=time].invalid.server-invalid,
.input-field--with-desc input[type=date]:focus.invalid.server-invalid,
.input-field--with-desc input[type=date].invalid.server-invalid,
.input-field--with-desc input[type=datetime]:focus.invalid.server-invalid,
.input-field--with-desc input[type=datetime].invalid.server-invalid,
.input-field--with-desc input[type=datetime-local]:focus.invalid.server-invalid,
.input-field--with-desc input[type=datetime-local].invalid.server-invalid,
.input-field--with-desc input[type=tel]:focus.invalid.server-invalid,
.input-field--with-desc input[type=tel].invalid.server-invalid,
.input-field--with-desc input[type=number]:focus.invalid.server-invalid,
.input-field--with-desc input[type=number].invalid.server-invalid,
.input-field--with-desc input[type=search]:focus.invalid.server-invalid,
.input-field--with-desc input[type=search].invalid.server-invalid,
.input-field--with-desc textarea.materialize-textarea:focus.invalid.server-invalid,
.input-field--with-desc textarea.materialize-textarea.invalid.server-invalid {
  margin-bottom: 20px;
}

.input-field--with-desc .prefix ~ .input-field__desc {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

@media only screen and (max-width: 600px) {
  .input-field--with-desc .prefix ~ .input-field__desc {
    width: 80%;
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width: 992px) {
  .input-field--with-desc .prefix ~ .input-field__desc {
    width: 86%;
    width: calc(100% - 3rem);
  }
}
.input-field--with-iconlabel {
  margin-top: 1.25rem; /* give a little more space for label so not so crowded */
}

.input-field__iconlabel {
  display: flex;
  align-items: center;
}

.input-field__iconlabel i {
  font-size: 1.25rem;
  padding-right: 4px;
}

/*
 * To customize, you need to set width/height of the element
 * You also need to set the font size of the i.lumin-icon within this element
 */
.lum-arttype-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #83210f;
  border-radius:50%;
  /* These can be overridden to get different sizes */
  height: 28px;
  width: 28px;
  margin-right: 8px;
}

.lum-arttype-icon i.lumin-icons {
  color: #83210f;
  /* This can be overridden to get different sizes */
  font-size: 20px;
}
/* End of lum-artistarttype-icon */

.lum-event-artisttitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-event-artisttitle > .lum-arttype-icon {
  flex: none;
}

.lum-event-artisttitle__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  flex-basis: 300px;
}

.lum-searchresults {
  display: flex;
  flex-flow: column;
  margin-bottom: 16px;
}

.lum-searchresults > a {
  color: rgba(0,0,0,0.87);
}

.lum-searchresult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 16px;
}

.lum-searchresult__photo {
  width: 74px;
  margin: 12px 8px 12px 0;
}

.lum-searchresult__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  flex-basis: auto;
}

.lum-searchresult__namebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}

.lum-searchresult__name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  color: black;
  line-height: normal;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.lum-searchresult__public i.material-icons {
  display: block;
  font-size: 1.3rem; /* to make same size as name */
}

.lum-searchresult__type {
  font-size: 1rem;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-searchresult__type .lum-arttype-icon {
  height: 20px;
  width: 20px;
  margin-right: 4px;
  min-width: 20px;
}

.lum-searchresult__type .lum-arttype-icon i.lumin-icons {
  font-size: 14px;
}

.lum-searchresult__typetext {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.lum-searchresult__genres {
  margin-top: 4px;
  width: 100%;
  height: calc(1.5 * 0.9rem);
  font-size: 0.9rem;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.lum-searchresult__arttypes {
  margin-top: 4px;
  width: 100%;
  font-size: 0.9rem;
  font-style: italic;
}

.lum-searchresult__location {
  margin-left: 24px;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.54);
  min-width: 0;
}

.lum-searchresult__location > span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.lum-searchresult__description {
  display: none;
  margin-top: 8px;
}

.lum-searchresult__event {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}

.lum-searchresult__event i.material-icons {
  font-size: 1.5rem; /* to make it the same size as event */
}

.lum-searchresult__eventtext {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

@media only screen and (min-width: 480px) {
  .lum-searchresults {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .lum-searchresult {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    position: relative;
    margin: 0.5rem 4px 1rem 4px;
    background-color: white;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    -o-transition: box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    -webkit-box-shadow:
      0 2px 2px 0    rgba(0, 0, 0, 0.14),
      0 1px 5px 0    rgba(0, 0, 0, 0.12),
      0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow:
      0 2px 2px 0    rgba(0, 0, 0, 0.14),
      0 1px 5px 0    rgba(0, 0, 0, 0.12),
      0 3px 1px -2px rgba(0, 0, 0, 0.2);
    width: 270px;
    max-width: 270px;
  }

  .lum-searchresult:hover {
    -webkit-box-shadow:
      0 8px 17px 0 rgba(0, 0, 0, 0.2),
      0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow:
      0 8px 17px 0 rgba(0, 0, 0, 0.2),
      0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .lum-searchresult__photo {
    width: 100%;
    margin: 0;
    position: relative;
  }

  .lum-searchresult__content {
    padding: 24px;
    border-bottom: 0;
    border-radius: 0 0 2px 2px;
  }

  .lum-searchresult__namebar {
    margin-bottom: 12px;
  }

  .lum-searchresult__arttypes {
    height: calc(1.8rem * 1.5);
  }

  .lum-searchresult__descwrapper {
    height: calc(1.5 * 3.2rem + 8px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }

  .lum-searchresult__descwrapper.lum-searchresult__descwrapper--extraline {
    height: calc(1.5 * (2.4rem + 1rem) + 16px);
  }

  .lum-searchresult__description {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 0.8rem;
  }

  .lum-searchresult__description:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: calc(1.5 * 0.8rem);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 100%);
  }
}

.lum-searchresult-about {
  position: relative;
  overflow: hidden;
  height: calc(1.5*4rem);
  margin-top: 8px;
}

.lum-searchresult-about:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1.5rem;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 70%);
}

/*
 * Used to put up error messages when server validation fails
 */
input[type=text].invalid.server-invalid+label:after,
input[type=text]:focus.invalid.server-invalid+label:after,
input[type=tel].invalid.server-invalid+label:after,
input[type=tel]:focus.invalid.server-invalid+label:after,
input[type=email].invalid.server-invalid+label:after,
input[type=email]:focus.invalid.server-invalid+label:after,
input[type=number].invalid.server-invalid+label:after,
input[type=number]:focus.invalid.server-invalid+label:after,
input[type=hidden].invalid.server-invalid+label:after,
input[type=hidden]:focus.invalid.server-invalid+label:after,
textarea.materialize-textarea.invalid.server-invalid+label:after,
textarea.materialize-textarea:focus.invalid.server-invalid+label:after {
  content: attr(data-servererror);
  color: #F44446;
  opacity: 1;
  margin-top: 25px;
}

input[type].lum-validation__input.invalid + div span:after {
  white-space: nowrap;
  bottom: -5px;
  position: absolute;
  content: attr(data-error);
  color: red;
}

input[type].lum-validation__input.valid + div span:after {
  position: absolute;
  content: "";
}

.multiline-text {
  white-space: pre-wrap;
}

.multiline-text--indented {
  padding: 0 0 0 8px;
}

.lum-appbar {
  background-color: #83210f;
  height: 56px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-appbar .btn-flat {
  color: white;
  font-size: 1.25rem;
}

.lum-appbar--fixed {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4), 0 2px 10px 0 rgba(0, 0, 0, 0.36);
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.lum-appbar__navicon {
  margin: 0 16px;
  color: white;
}

.lum-appbar__navicon i.material-icons {
  vertical-align: middle;
}

.lum-appbar__title {
  flex: 1 1 auto;
  margin: 0 16px;
  font-size: 1.25rem;
  letter-spacing: .025em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}

.lum-appbar__actions {
  margin-right: 3rem;
  display: flex;
}

.lum-appbar__actions .lum-appbar__action:not(:first-child) {
  margin-left: 8px;
}

.lum-appbar__action {
  padding: 0 6px;
}

a.lum-appbar__action,
.lum-appbar__action a {
  color: white;
}

.lum-appbar__action span {
  letter-spacing: .025em;
  font-size: 90%;
}

.lum-sidemenu {
  margin-bottom: 32px;
}

.lum-sidemenu__list > li {
  font-size: 1.2rem;
  margin: 8px 0px;
}

.lum-sidemenu__list > li a {
  color: rgba(0,0,0, 0.54);
}

.lum-sidemenu__list > li a.active {
  font-weight: bold;
}

.lum-sidemenu__list > li a.active {
  color: rgba(0,0,0, 0.87);
}

.map-container {
  position: relative;
  width: 85%;
  padding-bottom: 85%;
  margin: 0 auto;
  margin-top: 16px;
}

.map-container > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#map {
  height: 100%;
  width: 100%;
  text-align: center;
/*
  border-style: solid;
  border-width: 1px;
*/
}


div.calendar-with-legend {
  display: inline-block;
}

div.legend {
  margin-bottom: 5px;
  text-align: right;
}

div.legend span {
  color: #999;
  font-size: 10px;
  font-weight: normal;
}

div.legend ul {
  display: inline-block;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

div.legend ul > span {
  padding-left: 2px;
}
div.legend ul li {
  display: inline-block;
  height: 11px;
  width: 11px;
  margin-left: 5px;
}

div.legend ul li.available {
  background-color: lawngreen;
}

div.calendar-with-legend .k-days span.k-in-month.k-active.available {
  background: lawngreen;
  color: white;
}

div.calendar-with-legend .k-days span.k-out-of-month.available {
  background: lawngreen;
}

a.navmenu-collapse {
  width: 48px;
}

header.lum-header {
  position: relative;
  height: 100%;
  width: 100%;
  color: black;
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

header.lum-header--fixed {
  position: fixed;
  top: 0;
  /* Set to be above other base content on the page for when it is fixed */
  z-index: 10;
  height: 88px;
}

main.lum-main--fixed {
  padding-top: 8px; /* used so that dependents don't get margin collapsing */
  margin-top: 80px;
}

@media only screen and (min-width: 601px) {
  header.lum-header--fixed {
    height: 96px;
  }

  main.lum-main--fixed {
    margin-top: 88px;
  }
}

header.lum-header.with-background,
header.lum-header.with-background-hide-on-small-only {
  box-shadow: none;
  color: white;
}

header a {
  color: black;
}

header.lum-header.with-background a,
header.lum-header.with-background-hide-on-small-only a {
  color: white;
}

header.lum-header:not(.with-background):not(.with-background-hide-on-small-only) i.material-icons-help {
  opacity: 0.54;
}

.side-nav a {
  /*
   * The color for side nav links must always be blackish even if
   * the top nav bar is white text
   */
  color: rgba(0, 0, 0, 0.87) !important;
}

div.lum-header__scrim {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
}

div.lum-header__bar {
  width: 90%;
  margin: 0 auto;
  height: 88px;
  line-height: 88px;
  position: relative;
  /**
   *  Materialize wave-effect defaults to z-index of 1,
   *  So to avoid overlap issues with dropdown, set header to
   *  z-index above 1
   */
  z-index: 2;
}

.lum-header-icon {
  height: 88px;
  display: flex;
  align-items: center;
}

.lum-header-icon__button {
  line-height: 0;
}

.lum-header-icon__icon {
  font-size: 2rem;
}

@media only screen and (min-width: 601px) {
  div.lum-header__bar {
    height: 96px;
    line-height: 96px;
  }

  .lum-header-icon {
    height: 96px;
  }
}

@media only screen and (min-width: 1024px) {
  #navmenubutton {
    display: none;
  }

  /* So the nav bar doesn't wrap */
  div.lum-header__bar {
    width: 95%;
  }
}

@media only screen and (min-width: 1080px) {
  div.lum-header__bar {
    width: 90%;
  }
}

@media only screen and (max-width: 1023px) {
  .top-nav {
    display: none;
  }
}

.top-nav {
  font-size: 1.25rem;
  font-weight: 200;
  text-transform: uppercase;
}

.top-nav > li {
  margin: 0 15px;
}

.top-nav a {
  transition: font-weight .3s;
}

.top-nav a:hover {
  font-weight: 300;
}

.top-nav a.lum-header__signup {
  /* Materialize btn-flat */
  height: 36px;
  line-height: 36px;
  outline: 0;
  color: white;
  /* Our extra styling */
  background-color: #cc900c;
  border-radius: 4px;
  padding: 0 1rem;
}

.top-nav ul.lum-navlinkgroup::before {
  content: attr(data-label) ":";
  margin-right: 0.5rem;
  /* Needed because header ul li uses float left */
  float: left;
}

.top-nav ul.lum-navlinkgroup > li:not(:first-child)::before {
  content: "|";
  margin: 0 0.5rem;
}

.top-nav ul.lum-navlinkgroup::before,
.top-nav ul.lum-navlinkgroup > li:not(:first-child)::before {
  color: #cccccc;
}

.side-nav ul.lum-navlinkgroup::before {
  content: attr(data-label);
  line-height: 48px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 16px;
}

.side-nav ul.lum-navlinkgroup::after {
  content: "";
  display: block;
  margin: 8px 0 0 0;
  height: 1px;
  background-color: #e0e0e0;
}

.lum-header__logo {
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
}

.lum-header__logo img {
  vertical-align: middle;
}

/* Hide bg content if no background */
div.lum-header__bg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

div.lum-header__bgcontent {
  display: block; /* For vert alignment */
  margin: 0 auto; /* For horz alignment */
  width: 90%;
  align-self: flex-end;
  padding-bottom: 32px;

}

@media only screen and (min-width: 993px) {
  div.lum-header__bgcontent {
    width: 80%;
  }
}

.lum-heromessage2 {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%; /* IE11 flexbug#2 */
}

.lum-heromessage2__title {
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 110%;
  margin-bottom: 1rem;
}

.lum-heromessage2__subtitle {
  font-size: 0.9rem;
  width: 75%;
  margin: 0 auto;
}

@media only screen and (min-width: 400px) {
  .lum-heromessage2__title {
    font-size: 2.69rem;
  }

  .lum-heromessage2__subtitle {
    font-size: 0.93rem;
  }
}

@media only screen and (min-width: 600px) {
  .lum-heromessage2__title {
    font-size: 3.17rem;
  }

  .lum-heromessage2__subtitle {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 840px) {
  .lum-heromessage2__title {
    font-size: 3.75rem;
  }

  .lum-heromessage2__subtitle {
    font-size: 1.09rem;
  }
}

@media only screen and (min-width: 960px) {
  .lum-heromessage2__title {
    font-size: 4.03rem;
  }

  .lum-heromessage2__subtitle {
    font-size: 1.13rem;
  }
}

@media only screen and (min-width: 1280px) {
  .lum-heromessage2__title {
    font-size: 5rem;
  }

  .lum-heromessage2__subtitle {
    font-size: 1.25rem;
  }
}

.lum-heroactions2.lum-heroactions--3 > .lum-heroaction2 {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}

.lum-heroactions2 {
  max-width: 800px;
  margin-top: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.lum-heroactions2.lum-heroactions--3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
}


.lum-heroaction2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-heroaction2__icon {
  display: block;
  height: calc(15vh);
  width: calc(15vh);
  max-height: 50px;
  max-width: 50px;
  min-height: 45px;
  min-width: 45px;
}

.lum-heroaction2__type {
  font-size: 0.9rem;
  text-transform: uppercase;
  margin-top: 8px;
}

.lum-heroaction2__text {
  font-size: 0.8rem;
  margin-top: 8px;
}

.lum-heroaction2__btn {
  margin-top: 1rem;
}

@media only screen and (min-width: 400px) {
  .lum-heroaction2__type {
    font-size: 1rem;
  }

  .lum-heroaction2__text {
    font-size: 0.9rem;
  }
}

@media only screen and (min-width: 480px) {
  .lum-heroaction2__icon {
    max-height: 88px;
    max-width: 88px;
    min-height: 75px;
    min-width: 75px;
  }

    .lum-heroaction2__type {
    font-size: 1.3rem;
  }
}

/* Used to prepare vertical alignment for bg content */
header.lum-header.with-background > div.lum-header__bg,
header.lum-header.with-background-hide-on-small-only > div.lum-header__bg {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

header.lum-header.with-background,
header.lum-header.with-background-hide-on-small-only {
  height: calc(100vh - 55px);
  min-height: 515px;
}

header.lum-header.with-background-hide-on-small-only > div.lum-header__bar {
  box-shadow: none;
}

header form {
  height: 100%;
}

header .input-field {
  margin: 0;
  height: 100%;
}

header .input-field input {
  height: 100%;
  font-size: 1.2rem;
  border: none;
  padding-left: 2rem;
}

header .input-field label {
  top: 0;
  left: 0;
}

header .input-field label.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

header .input-field label i {
  color: rgba(255, 255, 255, 0.7);
  transition: color .3s;
}

header .input-field label.active i {
  color: white;
}

/*
 * Important to override user style sheet ul margin
 * Allows centering of top nav bar links
 */
header ul {
  margin: 0;
}

header ul li {
  float: left;
}

.lum-quotes__icon {
  padding: 24px 0;
}

.lum-quotes__icon > svg {
  display: block;
  margin: 0 auto;
  height: 30px;
}

.carousel-item .carousel-item__content {
  height: calc(100% - 62px); /* height of carousel minus indicator */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-land-quotes {
  width: 90%;
  margin: 2rem auto;
  padding: 2.5rem 0;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  text-align: center;
}

.lum-land-quotes__icon {
  margin-bottom: 1.25rem;
}

.lum-land-quotes__icon > svg {
  display: block;
  margin: 0 auto;
  height: 2.5rem;
  fill: #3B817E
}

.lum-land-quote {
  max-width: 1024px;
  margin: 0 auto;
}

.lum-land-quote__text {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.25;
}

.lum-land-quote__name {
  color: #83210f;
  font-size: 1.3rem;
  font-weight: 900;
  text-align: center;
}

.lum-land-quote__title {
  font-style: italic;
  font-size: 0.8rem;
  text-align: center;
  margin-top: 0.4rem;
}

@media only screen and (min-width: 600px) {
  .lum-land-quotes {
    padding-left: 64px;
    padding-right: 64px;
  }

  .lum-land-quote__text {
    font-size: 1.875rem;
  }

  .lum-land-quote__name {
    font-size: 1.625rem;
  }

  .lum-land-quote__title {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 840px) {
  .lum-land-quotes {
    padding-left: 80px;
    padding-right: 80px;
  }

  .lum-land-quote__text {
    font-size: 2.1rem;
  }

  .lum-land-quote__name {
    font-size: 1.82rem;
  }

  .lum-land-quote__title {
    font-size: 1.12rem;
  }
}

@media only screen and (min-width: 1024px) {
  .lum-land-quotes {
    padding-left: 96px;
    padding-right: 96px;
  }

  .lum-land-quote__text {
    font-size: 2.4rem;
  }

  .lum-land-quote__name {
    font-size: 2.08rem;
  }

  .lum-land-quote__title {
    font-size: 1.28rem;
  }
}

.unreadIcon {
  color: #cc900c;
}

.notificationblock {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.lum-footer {
  padding: 28px 0;
  color: white;
  background-color: #83210f;
}

.lum-footer__container {
  width: 90%;
  font-weight: 200;
  font-size: 1.1rem;
  margin: 0 auto;
}

.lum-footer__container > * {
  max-width: 100%; /* IE11 flexbug#2 */
}

@media only screen and (min-width: 480px) {
  .lum-footer__container {
    width: 80%;
  }
}

.lum-footer__container a {
  color: white;
}

/*
  * This is used so that changing font-weight on
  * hover on longest items in group does not
  * cause text wiggling. It does it by using
  * pseudo after element to reserve space.
  */
.lum-footer__container a::after {
  display: block;
  content: attr(data-text);
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-weight: 300;
}

.lum-footer__container a:hover {
  font-weight: 300;
}

.lum-footer__container > * {
  margin: 8px 16px;
}

.lum-footer-section {
  margin: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-footer-section h3 {
  font-size: 1.1rem;
  margin: 0 0 8px 0;
}

.lum-footer-section li {
  line-height: 1.4;
}

.lum-footer-social__links > a {
  margin: 0 12px;
}

.lum-footer-social__links i.lumin-icons {
  font-size: 28px;
  display: block;
}

.lum-footer-social__copyright {
  white-space: nowrap;
  line-height: 28px;
  margin: 8px 12px;
}

.valign img {
  vertical-align: middle;
}

/*
 * Make all of the cards in the card bar the same height
 */
.lum-cardbar,
.lum-cardbar > .col,
.lum-cardbar > .col > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*
 * Make the immediate descendents get the same width when
 * the columns overlap to the next line.
 */
.lum-cardbar > .col div.card-panel,
.lum-cardbar > .col > a div.card-panel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.lum-centeredcard {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-centeredcard > .lumcenteredcard__title {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0 0 0.656rem 0;
  font-weight: 400;
}

.lum-centeredcard > *:last-child {
  margin-top: auto;
}

.lum-collapse-btn {
  margin-top: 1rem;
  margin-right: 1rem;
}

.lum-collapse-checkDiv {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.carousel ul.indicators li.indicator-item {
  background-color: #b4b5ad;
}

.carousel ul.indicators li.indicator-item.active {
  background-color: #83210f;
}

.carousel-fixed-item.top {
  top:0px;
  bottom:auto !important;
}

/* This goes along with lum-header__bar and --fixed */
.lum-searchnav {
  width: 100%;
  padding: 12px 0 10px 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-searchnav--fixed-in-container {
  position: fixed;
  top: 88px;
  background-color: white;
  /* same as .container */
  margin: 0 auto;
  max-width: 1280px;
  width: 90%
}

.lum-searchcontent {
  /* add margin to page to offset header and searchbar fixed height */
  /* header 88px + searchbar 59px + default 10px */
  margin-top: 157px;
}

@media only screen and (min-width: 601px) {
  .lum-searchnav--fixed-in-container {
    top: 96px;
    /* same as .container */
    width: 85%;
  }

  .lum-searchcontent {
    margin-top: 165px;
  }
}

@media only screen and (min-width: 993px) {
  .lum-searchnav--fixed-in-container {
    /* same as .container */
    width: 70%;
  }
}

.lum-searchnav__input {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1 auto;
}

.lum-searchnav__filter {
  margin-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.lum-searchnav .btn.waves-effect {
  z-index: 0;
}

.lum-searchbox .input-field {
  width: 100%;
  margin-top: 0%;
}

.lum-searchbox input[type=search] {
  margin: 0;
  padding-left: 3rem;
  width: calc(100% - 3rem);
}

.lum-searchbox input[type=search]+label {
  position: absolute;
  left: 0.5rem;
  top: -0.75rem;
  cursor: text;
  transition: .2s ease-out;
}

.lum-iconbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-iconbtn > span {
  margin-left: 15px;
  display: none;
}

.lum-iconbtn.lum-iconbtn--noborder > span {
  margin-left: 5px;
}

@media only screen and (min-width: 600px) {
  .lum-iconbtn.lum-iconbtn--b600-icononly > span {
    display: block;
  }
}

.lum-decobtn {
  position: relative
}

.lum-decobtn--fit {
  width: fit-content;
  margin: 30px;
}

.lum-decobtn[data-decoration]:after {
  content: "";
  position: absolute;
  top: -9px;
  right: -9px;
  background: #cc900c;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: solid 2px white;
  z-index: 2;
}

/* IE adds clear icon for input fields,
  but we use our own so disable it */
input::-ms-clear {
  display:none;
}

.lum-searchbox i.material-icons {
  font-size: 2rem;
  height: 3rem; /* Same size as input */
  line-height: 1.5;
}

.lum-events-title {
  max-width: 200px;
  word-wrap: break-word;
}

.chip-icon {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  color: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chip-icon i.material-icons {
  font-size: 24px;
}

.chip-icon i.lumin-icons {
  font-size: 22px;
}

.lum-profileheader {
  margin: 0px 16px;
  border-bottom: 1px solid #e0e0e0;
  padding-top: 24px;
  padding-bottom: 8px;
}

@media only screen and (min-width: 960px) {
  .lum-profileheader {
    max-width: 1048px;
    margin: 0 auto;
  }
}

.lum-profileheader-bannerphoto {
  height: 500px;
  /* minus height of header bar and info box (small) */
  max-height: calc(100vh - 88px - 175px );
  min-height: 200px;
}

@media only screen and (min-width: 601px) {
  .lum-profileheader-bannerphoto {
    /* minus height of header bar and info box (medium and up) */
    max-height: calc(100vh - 96px - 256px );
  }
}

.lum-profileheader > div {
  padding: 0px 16px;
  margin: 8px 0px;
}

.lum-profileheader-infobox,
.lum-profileheader-arttypebox,
.lum-profileheader-badgebox {
  padding: 8px 0px;
}

.lum-profileheader-badgebox {
  /*
   * IE11 workaround to get chips to wrap on narrow width viewport
   * Using `width:100%` will cause the badges to get full available width
   * rather than the width of the largest badge so is not good.
   */
  max-width: 100%;
}

.lum-profileheader-typebox {
  width: 200px;
  height: 200px;
  margin: 8px 0;
}

.lum-profileheader-dropdown__buttonborder > a {
  height: 56px;
  width: 56px;
  background-color: #e2e3db;
  border-radius: 50%;
  border: 2px solid #cc900c;
  display: flex;
  vertical-align: middle;
  text-align: center;
  box-shadow: none;
}

.lum-profileheader-dropdown__buttonborder i {
  text-align: center;
  line-height: 56px;
  color: #cc900c;
  font-size: 2.5rem;
  /* accommodate border size offset - could do a more complicated border fix,
     but this is the simplest solution */
  margin-top: -2px;
}

.lum-profileheader-dropdown__buttonborder > a:hover {
  background-color: #d3d4cc;
}

.lum-profileheader-dropdown__button {
  height: 96px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.lum-profileheader-dropwdown__button .btn-floating, .btn-floating:hover {
  box-shadow: none;
}

.lum-profileheader-dropdown__button .lum-photo-placeholder {
  height: 56px;
  width: 56px;
}

.lum-profileheader-dropdown__button .lum-photo-placeholder__image {
  background-color: transparent;
}

.lum-profileheader-dropdown__button img {
  border: 2px solid white;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
}

@media only screen and (min-width: 600px) {
  .lum-profileheader-typebox {
    margin-right: 32px;
  }
}

.lum-profileheader-infobox-item {
  display: block;
  font-size: 1.5em;
  color: black;
  line-height: 1;
}

.lum-profileheader-infobox__title {
  font-size: 1.5em;
  color: black;
  line-height: 1;
  padding-bottom: 8px;
}

.lum-profileheader-infobox__subtitle {
  font-size: 1.3rem;
  margin-left: 12px;
  color: rgba(0, 0 ,0, 0.54);
}

@media only screen and (max-width: 480px) {
  .lum-profileheader--dense .lum-profileheader-infobox__title {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .lum-profileheader--dense .lum-profileheader-detail {
    align-items: center;
    justify-content: center;
    margin-left: 0;
  }

  .lum-profileheader--dense .lum-profileheader-detailchips {
    display: none;
  }

  .lum-profileheader.lum-profileheader--dense > div {
    margin: 0 0;
  }
}

.lum-profileheader-infobox__detail {
  font-size: 1.2em;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin-left: 8px;
}

.lum-profileheader-infobox__detail > * {
  vertical-align: middle;
}


.lum-profileheader-detail,
.lum-profileheader-detailchips  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2em;
  color: rgba(0, 0 ,0, 0.54);
  line-height: 1;
  margin-left: 16px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.lum-profileheader-detail {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-profileheader-detailchips {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.lum-profileheader-detail > :first-child,
.lum-profileheader-detailchips > :first-child {
  margin-right: 8px;
}

.lum-profileheader-detailchips > :first-child {
  line-height: 32px;
}

.lum-profileheader-detailchips__chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lum-profileheader-detailchips__chip {
  margin-top: 2px;
  margin-bottom: 2px;
}

.lum-profileheader-detailchips__mainGenre {
  margin-top: 2px;
  margin-bottom: 2px;
  border: 2px solid #83210f;
  line-height: 30px;
}

.lum-profileheader-links {
  margin: 8px 0;
}

.lum-profileheader-links > a {
  margin: 6px 12px;
}

.lum-profileheader-footer {
  margin-top: 24px;
}

.lum-profilecontent {
  margin: 0px 16px;
  padding: 8px 0px 16px 0px;
}

@media only screen and (min-width: 960px) {
  .lum-profilecontent {
    width: 85%;
    max-width: 960px;
    margin: 0 auto;
  }
}

.lum-profilecontent > div {
  padding: 8px 0px;
}

.lum-profilecontent-bottom__main,
.lum-profilecontent-bottom__side {
  margin-left: 16px;
  margin-right: 16px;
}

.row.lum-profilecontent-about__section {
  margin-bottom: 0px;
}

.lum-profilecontent-about__sectiontitle {
  font-size: 1.2em;
  margin-bottom: 8px;
}

.lum-profilecontent-about__detailtitle {
  font-weight: bold;
}

.lum-profilecontent-about__detaildesc {
  color: rgba(0,0,0,0.38);
  font-size: 90%;
  margin-left: 16px;
  max-width: 480px;
}

.lum-profilecontent_about__blurbholder > div {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media only screen and (min-width: 840px) {
  .lum-profilecontent-bottom__side {
    min-width: 290px;
    max-width: 290px;
  }
}

.lum-profilecontent-upcoming .collection-item.avatar i.lumin-icons.circle {
  font-size: 24px;
  border: 1px solid #83210f;
  background-color: white;
  color: #83210f;
}

.lum-profilecontent-upcoming .collection-item a {
  color: rgba(0, 0, 0, 0.87);
}

.lum-profilecontent-audioplayer__container {
  display: flex;
  justify-content: center;
}

.lum-profilecontent-audioplayer__content {
  margin-top: 32px;
}

.lum-profilecontent-audioplayer {
  border: 0;
  width: 100%;
  height: 42px;
}

.lum-editprofile {
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 32px;
}

.lum-editprofile > div {
  margin: 0px 16px;
}

.lum-toast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-toast i.material-icons {
  margin-right: 8px;
}

#venuetype div.lum-options-container {
  height: auto;
  min-height: 200px;
}

@media only screen and (min-width: 400px) {
  #venuetype div.lum-options-container {
    height: calc(460px - 25vw);
  }
}

@media only screen and (min-width: 480px) {
  #venuetype div.lum-options-container {
    height: calc(480px - 25vw);
  }
}

@media only screen and (min-width: 600px) {
  #venuetype div.lum-options-container {
    height: auto;
  }
}

@media only screen and (min-width: 640px) {
  #venuetype div.lum-options-container {
    height: calc(520px - 25vw);
  }
}

@media only screen and (min-width: 720px) {
  #venuetype div.lum-options-container {
    height: calc(540px - 25vw);
  }
}

.filter__container div.lum-options-container {
  width: 100%;
}

/*
 * When we add more options, we need to adjust the height constant
 * to be able to fit all options without getting cut off
 */
div.lum-options-container.genretype-options {
  height: calc(640px - 25vw);
  min-height: 180px;
}

.lum-options-container__enditem {
  order: 1;
}

div.lum-options-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
}

div.lum-options-container.has-textoption > div:not(.lum-textoption) {
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-textoption > label span {
  /*
   * Hide the radio button label so we can keep button centered.
   * If we just don't have the label, the radio is not aligned
   * properly.
   */
  font-size: 0;
}

.lum-textoption .input-field {
  display: inline-block;
  margin-top: 0px;
}

.lum-textoption .input-field input {
  margin: 0px;
}

.lum-options-column > div:not(:last-child) {
  margin-bottom: 0.75rem;
}

.lum-textareaoption label {
  width: 100%;
}

.lum-textareaoption .input-field {
  margin: 0;
}

.lum-textareaoption textarea {
  padding-top: 0;
  color: rgba(0, 0, 0, 0.87);
}

.lum-textareaoption textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #9e9e9e;
}
.lum-textareaoption textarea:-moz-placeholder { /* FF 4-18 */
  color: #9e9e9e;
}
.lum-textareaoption textarea::-moz-placeholder { /* FF 19+ */
  color: #9e9e9e;
}
.lum-textareaoption textarea:-ms-input-placeholder { /* IE 10-11 */
  color: #9e9e9e;
}
.lum-textareaoption textarea::-ms-input-placeholder { /* MS Edge */
  color: #9e9e9e;
}

fieldset.server-invalid {
  border-color: #f44336;
}

fieldset legend {
  font-size: 1.2rem;
  margin-bottom: 16px;
}

fieldset legend:after {
  display: block;
  content: attr(data-desc);
  color: rgba(0,0,0,0.38);
  font-size: 1rem;
  /* opacity: 0; */
  transition: .2s opacity ease-out, .2s color ease-out;
}

fieldset.server-invalid legend:after {
  content: attr(data-servererror);
  color: #f44336;
  opacity: 1;
  font-size: 0.8rem;
}

.lum-form-help {
  padding-bottom: 2rem;
}

.lum-eventpage-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 48px 20px;
  max-width: 1280px;
  margin: 0 auto;
}

@media only screen and (min-width: 480px) {
  .lum-eventpage-event {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (min-width: 600px) {
  .lum-eventpage-event {
    padding-left: 36px;
    padding-right: 36px;
  }
}

@media only screen and (min-width: 840px) {
  .lum-eventpage-event {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-left: 40px;
    padding-right: 40px;
  }

  .lum-eventpage-event > div:first-child {
    padding-left: 64px;
  }
}

.lum-eventpage-event__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 16px;
}

@media only screen and (min-width: 840px) {
  .lum-eventpage-event__info {
    margin-bottom: 0;
  }
}

.lum-eventpage-event__photo {
  margin: 0 auto;
  width: 100%;
  max-width: 380px;
  position: relative;
  display: block;
}

@media only screen and (min-width: 840px) {
  .lum-eventpage-event__photo {
    margin: 0;
    width: 380px;
  }
}

.lum-eventbox {
  position: relative;
}

.lum-eventbox__title {
  margin-top: 0;
  margin-left: 32px;
  font-weight: bold;
}

.lum-eventbox__sponsorship {
  display: inline-block;
}

.lum-eventbox__sponsorship {
  margin-bottom: 0.912rem;
  margin-left: 32px;
}

.lum-sponsorship,
.lum-eventbox__sponsorship span {
  line-height: 32px;
}

.lum-sponsorship img,
.lum-eventbox__sponsorship img {
  height: 32px;
  vertical-align: middle;
  margin-left: 10px;
}

.lum-sponsorlogo img {
  height: 32px;
  vertical-align: middle;
}

.lum-eventbox__section {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.lum-eventbox__actionssection {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  margin-bottom: 24px;
}

.lum-eventbox__actionssection a:not(:first-child) {
  margin-top: 0;
  margin-left: 8px;
}

@media only screen and (min-width: 480px) {
  .lum-eventbox__actionssection {
    flex-direction: row;
  }
}

.lum-eventbox__detail {
  margin: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-weight: bold;
}

.lum-eventbox__detail > i {
  color: #83210f;
  font-size: 24px;
  padding: 4px;
}

.lum-eventbox__detail--lowlight {
  text-transform: inherit;
  font-weight: inherit;
  font-style: italic;
}

.lum-eventbox__subdetail {
  margin-left: 32px;
}

.lum-eventbox__desc {
  margin-left: 32px;
  white-space: pre-wrap;
}

.lum-eventbox__block {
  margin-left: 32px;
}

.lum-eventbox__cancelled {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-eventbox__cancelledtext {
  font-size: 4rem;
  transform: rotate(-30deg);
  color: red;
  border: 1px solid red;
  border-radius: 24px;
  padding: 0 16px;
}

.lum-whichprofile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 600px) {
  .lum-whichprofile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.lum-whichprofile__type {
  padding: 20px;
}

.lum-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lum-switch__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.lum-switch__secondarytext {
  color: rgba(0,0,0,0.38);
}

.lum-form-required__desc,
.lum-formcheckbox__desc {
  color: rgba(0,0,0,0.38);
  font-size: 90%;
  margin-left: 36px;
  max-width: 480px;
}

.lum-acknowledge {
  width: 90%;
  margin: 2em auto;
}

.lum-acknowledge__logos {
  margin: 0 auto;
  max-width: 480px;
}

.lum-acknowledge__logos > div {
  margin: 0 16px;
}

.lum-acknowledge__logos > div > img {
  width: 100%;
  height: auto;
  max-height: 40px;
}

.lum-acknowledge__text {
  margin: 0 auto;
  font-size: 90%;
  font-style: italic;
  text-align: center;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.lum-acknowledge__text > p {
  margin: 0.5em 0;
}

.lum-buttonsbox {
  margin: -4px -8px;
}

.lum-buttonsbox > .btn {
  margin: 4px 8px;
}

.lum-profileheader-actionsbox {
  margin: -4px 0;
}

.lum-profileheader-actionsbox > div {
  margin: 4px 0;
}

/* Buttons in action box should be width of largest element */
.lum-profileheader-actionsbox .btn {
  width: 100%;
}

.lum-btn--progress {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-btn--progress .preloader-wrapper {
  width: 24px;
  height: 24px;
}

.lum-btn--progress .spinner-layer,
.lum-profilereq .spinner-layer {
  border-color: #cc900c;
}

.lum-progressbtn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.lum-progressbtn__spinner {
  height: 24px;
  width: 24px;
  position: absolute;
  display: none;
}

.lum-progressbtn__spinner .spinner-layer {
  border-color: #fff;
}

.lum-progressbtn--inprogress .lum-progressbtn__text {
  visibility: hidden;
}

.lum-progressbtn--inprogress .lum-progressbtn__spinner {
  display: block;
}

.lum-profilebox {
  margin: 16px 16px;
  /*
   * IE11 workaround to allow the variable width genres/art types (much
   * deeper down the DOM structure) to wrap as the viewport narrows but
   * still allow row wrapping to work for preferred dates and/or venue/artist
   * profile boxes.
   */
  min-width: 1px;
}

.lum-profilebox__action {
  margin-top: 16px;
}

.lum-booking {
  margin-bottom: 32px;
}

.lum-actionsbox {
  margin: -8px;
}

.lum-actionsbox__action {
  margin: 8px;
}

.lum-detail__title {
  font-weight: bold;
}

.lum-detail__icontitle {
  display: flex;
}

.lum-detail__content.lum-detail__content--block {
  display: block;
  margin-left: 16px;
}

.row .col.lum-subdetail {
  padding-left: 1.5rem; /* twice what .col defines */
}

.lum-paymentform__content {
  margin: 0 24px;
}

.lum-paymentmodal {
  width: 50vw;
}

.lum-donationform {
  width: 75vw;
}

.btn--rowwrap_margin {
  margin: 8px 24px;
}

/*
 * Work around flex issue on IE where sizing does not include padding/border
 * So we need to move padding inside of wrapper element.
 * https://github.com/philipwalton/flexbugs#flexbug-7
 */
.lum-dashsummary {
  padding: 0 !important;
}

.lum-dashsummary > div {
  padding: 0 0.75rem;
}
/* Workaround over */

.lum-dashsummary > div > a {
  color: rgba(0, 0, 0, 0.87);
}

.lum-dashsummary span.lum-notifier {
  color: #cc900c;
}

.lum-dashsummary-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lum-dashsummary__highlight {
  font-size: 200%;
}

.lum-dashsummary__icon {
  display: block;
  font-size: 32px;
  border: 1px solid #83210f;
  background-color: white;
  color: #83210f;
  border-radius: 50%;
  height: 56px;
  width: 56px;
  line-height: 56px;
  text-align: center;
}

.lum-section {
  font-size: 1.68em;
  line-height: 110%;
}

.lum-section__icon {
  vertical-align: middle;
  color: #83210f;
  margin-right: 8px;
}

.lum-section__title {
  vertical-align: middle;
  font-weight: 400;
}

.lum-notify__item {
  margin: 8px 16px;
}

.collapsible-header i.expand-icon {
  display: block;
  transition: transform 0.3s ease;
}

.collapsible-header.active i.expand-icon {
  transform: rotate(180deg);
  transition: transform 0.3s ease
}

.collapsible-body p {
  margin-top: 0;
  margin-bottom: 0;
}

.collapsible-body p:not(:first-child) {
  margin-top: 1em;
}

.lum-pricing {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card .card-content .btn {
  box-shadow: none;
}

.lum-pricing .card .card-content p {
  margin: 1em 0;
}

.lum-pricing p:first-child,
.lum-pricing .card .card-content p:first-child {
  margin-top: 0;
}

.lum-pricing p:last-child,
.lum-pricing .card .card-content p:last-child {
  margin-bottom: 0;
}

.lum-pricing h4:first-child {
  margin-top: 0;
}

.lum-pricing ul {
  margin: 0;
}

.lum-pricing__infobox,
.lum-pricing__signupbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 24px 0;
  padding: 0 20px;
}

.lum-pricing__signupbox .card-content {
  background-color: #F8F8F8;
}

@media only screen and (min-width: 840px) {
  .lum-pricing {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-pricing__infobox,
  .lum-pricing__signupbox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

.lum-filter.modal .modal-footer {
  text-align: center;
}

.lum-filter.modal.bottom-sheet {
  max-height: 90%;
  height: 90%;
}

@media only screen and (min-width: 600px) {
  .lum-filter.modal.bottom-sheet {
    max-height: 75%;
    height: 75%
  }
}

@media only screen and (min-width: 840px) {
  .lum-filter.modal.bottom-sheet {
    max-height: 60%;
    height: 60%;
  }
}

.lum-filter__tabinfo {
  position: relative;
}

.lum-filter__tabinfo[data-hasinfo-on]:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -12px;
  background: #cc900c;
  width: 10px;
  height: 10px;
  border-radius: 50%
}

/*
 * These styles are used to set up a FAB that tries to stay
 * above the footer. It works perfectly if the browser support
 * position: sticky. Otherwise it falls back to position: fixed
 * and makes some adjustments to stay within a container element.
 */
.lum-fixed-fab {
  /* Needed to have FAB button shifted to right */
  display: flex;
  justify-content: flex-end;
  /* Puts spacing around button as per Material spec */
  padding-bottom: 24px;
  padding-right: 24px;
  bottom: 0; /* makes sticky to bottom of page */
  /* This is the fallback to position fixed */
  position: fixed;
  right: 0; /* Fallback to push to right as width: 100% does not consider scrollbar */
  margin-bottom: 96px
}

/*
 * For fixed fallback since width is based on viewport and not parent
 * Makes width consistent with what a container would be. If that
 * changes in Materialize, we also need to change here.
 */
.container > .lum-fixed-fab {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 601px) {
  /* For fixed fallback since width is based on viewport and not parent */
  .container > .lum-fixed-fab {
    width: 85%;
  }
}

@media only screen and (min-width: 601px) {
  /* For fixed fallback since width is based on viewport and not parent */
  .container > .lum-fixed-fab {
    width: 70%;
  }
}

@supports (position: sticky) or (position: -webkit-sticky) {
  .lum-fixed-fab {
    position: -webkit-sticky;
    position: sticky;
    /*
     * This overrides the margin we had for fixed fallback. For sticky,
     * it is tied to the bottom of the parent element.
     */
    margin-bottom: 0;
  }

  /*
   * This overrides width because of fixed fallback width settings.
   * sticky ends up using the width of the parent element.
   */
  .container > .lum-fixed-fab {
    width: 100%;
  }
}

.lum-fixed-fab__button {
  position: relative;
}

.lum-fixed-fab__button[data-decoration]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: #cc900c;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: solid 2px white;
  z-index: 2;
}

.lum-headline {
  position: relative;
  display: flex;
  justify-content: center;
}

.lum-headline__content {
  position: relative;
  margin: 1rem 26px;
  background-color: #fafafa;
  padding: 8px;
  border-radius: 8px;
  font-style: italic;
}

.lum-headline__content:before {
  content: open-quote;
  position: absolute;
  top: -2.5rem;
  left: -2rem;
  font-size: 5rem;
  font-style: initial;
}

.lum-headline__content:after {
  content: close-quote;
  position: absolute;
  bottom: -1.75rem;
  right: -2rem;
  font-size: 5rem;
  font-style: initial;
  line-height: 0.1rem;
}

.lum-commagroup > span:not(:last-child):after {
  content: ", ";
}

.lum-fixedtext {
  position: relative;
  overflow: hidden;
  max-height: calc(1.5 * 4rem);
}

.lum-fixedtext:after {
  content: "";
  position: absolute;
  top: calc(1.5 * 3rem);
  right: 0;
  width: 100%;
  height: calc(1.5 * 1rem);
  background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 100%);
}

.lum-fixedtext--5line {
  max-height: calc(1.5 * 5rem);
}

.lum-fixedtext--5line.lum-fixedtext:after {
  top: calc(1.5 * 4rem);
}

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

.lum-land-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.lum-land-summary {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  padding: 1.6rem 0;
  text-align: center;
  line-height: 1.4;
}

.lum-land-summary__title,
.lum-land-summary__icon,
.lum-land-summary__subtitle,
.lum-land-summary__desc {
  width: 72%;
}

.lum-land-summary__title {
  font-size: 1.6rem;
  font-weight: 300;
  text-transform: uppercase;
}

.lum-land-summary__icon {
  margin: 0.70rem 0;
}

.lum-land-summary__icon > img {
  height: 64px;
}

.lum-land-summary__subtitle {
  font-size: 1.1rem;
  font-weight: 700;
}

.lum-land-summary__desc {
  margin-top: 0.9rem;
}

.lum-land-detail {
  padding: 1.6rem 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; /* IE11 flexbug#2 */
}

.lum-land-detail__image img {
  width: 100%;
  height: auto;
}

.lum-land-detail__text {
  width: 100%; /* IE11 flexbug#2 */
}

.lum-land-detail__list {
  width: 100%;
}

.lum-land-detail__listie11 {
  margin-top: 24px;
}

.lum-land-detaillist {
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
          box-shadow: none;
  list-style-type: none;
  margin: 0;
}

.lum-land-listitem__header {
  text-transform: uppercase;
  font-weight: bold;
}

.lum-land-listitem__body {
  margin-top: 4px;
}

.lum-land-listitem-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-land-listitem-header__text {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.lum-land-listitem-header__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.lum-land-listitem-body {
  overflow: auto;
}

.lum-land-listitem-body__text {
  font-size: 0.9rem;
}

.lum-land-listitem-body__image {
  float: left;
  padding-right: 12px;
}

.lum-land-listitem-body__image > img {
  display: block;
  width: 56px;
}

.lum-land-detailtext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-land-detail__image,
.lum-land-detailtext__icon,
.lum-land-detailtext__title {
  display: none;
}

.lum-land-detailtext__icon > img {
  height: 88px;
}

.lum-land-detailtext__title {
  font-weight: 300;
}

.lum-land-detailtext__text {
  font-size: 1.1rem;
  text-align: center;
  width: 100%; /* IE11 flexbug#2 */
}

@media only screen and (min-width: 840px) {
  .lum-land-summary {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .lum-land-detail {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
    padding: 0 64px;
    margin: 24px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-land-detail__image,
  .lum-land-detail__text,
  .lum-land-detail__list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }

  .lum-land-detail__imageie11,
  .lum-land-detail__textie11,
  .lum-land-detail__listie11 {
    padding: 0 24px;
    margin-top: 0;
  }

  .lum-land-detail__image {
    display: block;
  }

  .lum-land-detailtext--right {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .lum-land-detailtext--left {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .lum-land-detailtext__icon,
  .lum-land-detailtext__title {
    display: block;
  }

  .lum-land-detailtext--right .lum-land-detailtext__text {
    text-align: left;
  }

  .lum-land-detailtext--left .lum-land-detailtext__text {
    text-align: right;
  }

  .lum-land-detaillist.collapsible {
    padding-bottom: 2rem;
  }

  .lum-land-listitem-header.collapsible-header {
    pointer-events: none;
    border: none;
    padding-left: calc(2rem + 56px + 12px);
    padding-bottom: 0;
    padding-top: 2rem;
  }

  .lum-land-listitem-header__icon {
    display: none;
  }

  .lum-land-listitem-body.collapsible-body {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
  }
}

.lum-flexcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lum-flexcon.b0-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lum-flexcon.b0-justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.lum-flexcon.b0-justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lum-flexcon.b0-justify-space-around {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-around;
}

.lum-flexcon.b0-justify-space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.lum-flexcon.b0-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-flexcon.b0-align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.lum-flexcon.b0-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.lum-flexcon.b0-rowwrap {
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.lum-flexcon.b0-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lum-flexitem.b0-fill {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1 auto;
}

.lum-flexitem.b0-contentsize {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.lum-flexitem.b0-col12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 0 0.75rem;
}

.lum-flexitem.b0-col6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 0 0.75rem;
}

.lum-flexitem.b0-col3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  padding: 0 0.75rem;
}

.lum-flexcenter {
  height: 100%;
  padding: 0;
  margin: 24px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lum-venue-portrait {
  width: 200px;
  height: 200px;
}

.lum-notifier,
.lum-notifier-topleft,
.lum-notifier-profile-dropdown {
  position: relative;
}

.lum-notifier[data-notifier-on]:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -12px;
  background: red;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.lum-notifier-topleft[data-notifier-on]:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -12px;
  background: red;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.lum-notifier[data-notifier-on-message]:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -12px;
  background: #cc900c;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.lum-notifier-topleft[data-notifier-on-message]:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -12px;
  background: #cc900c;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.lum-notifier-profile-dropdown[data-notifier-on]:after {
  content: "";
  position: absolute;
  top: 21px;
  right: 3px;
  background: red;
  border: solid 2px white;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index: 2;
}

.lum-notifier-profile-dropdown[data-notifier-on-message]:after {
  content: "";
  position: absolute;
  top: 21px;
  right: 3px;
  background: #cc900c;
  border: solid 2px white;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index: 2;
}

.lum-profilemenu__content {
  float: right;
  margin-right: 30px;
  /* Override Materialize defaults in order to right-align
     dropdown menu content */
  top: 88px !important;
  left: unset !important;
  right: -50px;
  border-radius: 2px;
}

.lum-profilemenu__content li > a {
  padding-left: 30px;
  padding-right: 30px;
}

.lum-profilemenu__content li:first-child, li:last-child {
  border-radius: 2px;
}

.lum-profilemenu__content li > a, .lum-profilemenu__content li > span {
  color: black !important;
}

.lum-icon-small {
  font-size: 1.5rem;
}

.postfix {
  vertical-align: middle;
}

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

.lum-profilereq__section:not(:only-child):not(:last-child) {
  margin-bottom: 8px;
}

.lum-profilereq__req {
  display: flex;
  margin-left: 8px;
}

.lum-profilereq__req > :first-child {
  margin-right: 8px;
}

.lum-html-content ul:not(.browser-default),
.lum-html-content ol:not(.browser-default) {
  margin: 0;
  padding-left: 40px;
}

.lum-html-content ul:not(.browser-default) > li {
  list-style-type: initial;
}

@media only screen and (min-width: 480px) {
  .lum-flexcon.b480-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-flexcon.b480-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lum-flexitem.b480-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1 auto;
    }
}

@media only screen and (min-width: 600px) {
  .lum-flexcon.b600-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-flexcon.b600-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lum-flexcon.b600-align-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .lum-flexitem.b600-selfalign-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }

  .lum-flexitem.b600-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1 auto;
    }

  .lum-flexitem.b600-col6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 0 0.75rem;
  }

  .lum-flexitem.b600-col6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 0 0.75rem;
  }
}

@media only screen and (min-width: 840px) {
  .lum-flexcon.b840-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-flexcon.b840-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lum-flexitem.b840-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1 auto;
    }

  .lum-flexitem.b840-col6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 0 0.75rem;
  }
}

@media only screen and (min-width: 960px) {
  .lum-flexcon.b960-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-flexcon.b960-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lum-flexitem.b960-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1 auto;
    }

  .lum-flexitem.b960-col4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    padding: 0 0.75rem;
  }

  .lum-flexitem.b960-col3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    padding: 0 0.75rem;
  }

  .lum-flexitem.b960-col8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
            flex: 0 0 66%;
    padding: 0 0.75rem;
  }
}

@media only screen and (min-width: 1280px) {
  .lum-flexcon.b1280-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-flexcon.b1280-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lum-flexitem.b1280-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1 auto;
    }
}

@media only screen and (min-width: 1440px) {
  .lum-flexcon.b1440-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-flexcon.b1440-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lum-flexitem.b1440-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1 auto;
    }
}

@media only screen and (min-width: 1600px) {
  .lum-flexcon.b1600-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lum-flexcon.b1600-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lum-flexitem.b1600-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1 auto;
    }
}

.lum-payments-footer {
  flex-flow: column;
}

.lum-braintreeimg-container {
  margin-top: 24px;
  height: 33px;
}

.lum-braintreeimg-container img {
  height: 26px;
  width: 168px;
  border: 0;
}

@media only screen and (min-width: 960px) {
  .lum-braintreeimg-container {
    margin: 0;
  }

  .lum-payments-footer {
    flex-flow: row;
  }
}

.lum-validate-error__input {
  font-size: 0.8rem;
}

.lum-donatepage-image {
  margin-top: 50px;
  margin-bottom: -20px;
}

.lum-donatepage-image img {
  height: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Braintree Drop-In UI CSS Overrides */
[data-braintree-id="toggle"] {
  background: white;
}

.lum-pulse--large.pulse:before {
  height: 125%;
  width: 125%;
  /* top and left is negative height or width minus 100% divided by 2 */
  top: -12.5%;
  left: -12.5%;
}

.lum-pulse--xlarge.pulse:before {
  height: 150%;
  width: 150%;
  /* top and left is negative height or width minus 100% divided by 2 */
  top: -25%;
  left: -25%;
}

.lum-pulse--darken10.pulse:before {
  background-color: #B37700;
}

.ql-indent-1 {
  padding-left: 0 !important;
  margin-left: 3em;
  list-style: none;
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8;
  counter-increment: list-1;
}

ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  width: 1.2em;
  position: absolute;
}

.ql-indent-2 {
  padding-left: 0 !important;
  margin-left: 6em;
  list-style: none;
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8;
  counter-increment: list-2;
}

ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  width: 1.2em;
  position: absolute;
}

.ql-indent-3 {
  padding-left: 0 !important;
  margin-left: 9em;
  list-style: none;
  counter-reset: list-4 list-5 list-6 list-7 list-8;
  counter-increment: list-3;
}

ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  width: 1.2em;
  position: absolute;
}

.ql-indent-4 {
  padding-left: 0 !important;
  margin-left: 12em;
  list-style: none;
  counter-reset: list-5 list-6 list-7 list-8;
  counter-increment: list-4;
}

ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  width: 1.2em;
  position: absolute;
}

.ql-indent-5 {
  padding-left: 0 !important;
  margin-left: 15em;
  list-style: none;
  counter-reset: list-6 list-7 list-8;
  counter-increment: list-5;
}

ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  width: 1.2em;
  position: absolute;
}

.ql-indent-6 {
  padding-left: 0 !important;
  margin-left: 18em;
  list-style: none;
  counter-reset: list-7 list-8;
  counter-increment: list-6;
}

ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  width: 1.2em;
  position: absolute;
}

.ql-indent-7 {
  padding-left: 0 !important;
  margin-left: 21em;
  list-style: none;
  counter-reset: list-8;
  counter-increment: list-7;
}

ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  width: 1.2em;
  position: absolute;
}

.ql-indent-8 {
  padding-left: 0 !important;
  margin-left: 24em;
  list-style: none;
  counter-increment: list-8;
}

ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  width: 1.2em;
  position: absolute;
}

.lum-html-content ol li:not([class*='ql-indent-'])::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.lum-html-content ol li:not([class*='ql-indent-']):before {
  content: counter(list-0, decimal) '. ';
}

.lum-html-content ol li:not([class*='ql-indent-']) {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
  padding-left: 1.5em;
}

.lum-html-content ol > li {
  list-style-type: none;
}

.video-container {
  margin: 2rem 0;
}

.collection-item > .b0-fill {
  min-height: 36px;
  line-height: 36px;
}

.fc-container {
  margin-top: 1rem;
}

.fc-center > h2 {
  /* Browser default, materialize default size doesn't match fullCalendar */
  font-size: 1.5rem;
}

.fc-button {
  background-color: #cc900c;
  color: #fff;
  background-image: none;
}

.fc-button:focus {
  background-color: #cc900c;
}

.fc-list-item-title {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fc-content:hover {
  background-color:rgb(224, 224, 224);
}

@media only screen and (min-width: 600px) {
  .fc-basic-view .fc-row.fc-week {
    min-height: 105px;
  }
}

@media only screen and (min-width: 960px) {
  .fc-basic-view .fc-row.fc-week {
    min-height: 116px;
  }
}

@media only screen and (min-width: 1024px) {
  .fc-basic-view .fc-row.fc-week {
    min-height: 108px;
  }
}

@media only screen and (min-width: 1280px) {
  .fc-basic-view .fc-row.fc-week {
    min-height: 127px;
  }
}

@media only screen and (min-width: 1440px) {
  .fc-basic-view .fc-row.fc-week {
    min-height: 144px;
  }
}

@media only screen and (min-width: 1600px) {
  .fc-basic-view .fc-row.fc-week {
    min-height: 161px;
  }
}

/* Stripe express page styles */
.stripeconnect-button {
  display: inline-block;
  margin-bottom: 1px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#28a0e5),to(#015e94));
  background-image: linear-gradient(#28a0e5,#015e94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 32px;
  text-decoration: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 0 rgba(0,0,0,.2);
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none !important;
}

.stripeconnect-button span {
  display: block;
  position: relative;
  padding: 0 12px;
  height: 30px;
  background: #1275ff;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#7dc5ee),color-stop(85%,#008cdd),to(#30a2e4));
  background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.25);
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.25);
  border-radius: 3px;
  padding-left: 44px;
}

.stripeconnect-button span:before {
  content: "";
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
  background-image: url(data:image/png;base64,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);
}

.stripeconnect-error-message {
  color: red;
}

.lum-eventday {
  padding: 8px 0;
}

.lum-eventday--with-divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.lum-eventday__date {
  margin: 8px 0;
  font-size: 1.64rem;
}

.lum-eventday__events {
  min-width: 0;
}

.lum-eventdate > *:not(:last-child)::after {
  content : " ";
  white-space: pre;
}

.lum-eventresult {
  display: flex;
  flex: 1;
  align-items: center;
  color: rgba(0, 0, 0, 0.87);
}

.lum-eventresult__photo {
  flex: none;
  width: 88px;
  height: 88px;
  margin: 12px 8px 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (min-width: 1024px) {
  .lum-eventresult__photo {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (min-width: 1280px) {
  .lum-eventresult__photo {
    width: 120px;
    height: 120px;
  }
}

.lum-eventresult__content {
  padding: 12px 0;
  min-width: 0;
  width: 100%;
}

.lum-eventresult__title,
.lum-eventresult__venuetitle {
  margin-bottom: 8px;
  font-size: 1.1rem;
  line-height: normal;
}

.lum-eventresult__title {
  color: black;
  font-weight: 500;
}

.lum-eventresult__venuetitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lum-eventresult__title,
.lum-eventresult__venuetitle > span,
.lum-eventresult__detail > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lum-eventresult__detail {
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
}

.lum-eventresult__subdetail {
  height: 24px;
  margin-left: 32px;
  color: rgba(0,0,0,0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lum-openmic span {
  height: 24px;
  color: rgba(0,0,0,0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lum-eventresult__detail > i.material-icons,
.lum-eventresult__venuetitle > i.material-icons {
  color: #83210f;
  margin-right: 4px;
}

.lum-eventresult__detail.lum-openmic i.material-icons,
.lum-eventresult__venuetitle.lum-openmic i.material-icons,
i.material-icons.lum-openmic {
  color: #3b817e;
}

i.material-icons.lum-unclaimed-venue {
  color: #cc900c;
}

.lum-eventresult__detail:nth-last-child(2) {
  margin-bottom: 4px;
}

.lum-eventresult__venueevent {
  margin-left: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

.lum-eventresult__venueeventtime {
  width: 72px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.lum-eventresult__venueeventartist {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-weight: bold;
}

.lum-eventresult__venueevents-count {
  margin-left: 100px; /* margin + time width to be below artist name */
  font-size: 0.9rem;
}

/* Stripe specific page and element styles */
.StripeElement {
  padding-bottom: 12px;
  border-bottom: 1px solid #9e9e9e;
  box-shadow: none;
}

@media only screen and (min-width: 720px) {
  .StripeElement {
    width: 375px;
  }
}

.StripeElement--focus {
  border-bottom: 1px solid #cc900c;
  box-shadow: 0 1px 0 0 #cc900c;
}

.StripeElement--invalid {
  border-bottom: 1px solid #f44336;
  box-shadow: 0 1px 0 0 #f44336;
}

.lum-rating__container {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 5px;
}

.lum-rating-desc {
  line-height: 36px;
  flex: 1;
  min-width: unset;
}

.lum-rating-desc--small {
  line-height: 24px;
}

.lum-rating {
  /* Make stars "fill" left-to-right on mouse hover */
  unicode-bidi: bidi-override;
  direction: rtl;
  line-height: 36px;
  flex: 3;
  display: flex;
  justify-content: flex-end;
}

.lum-rating--small {
  line-height: 24px;
}

.lum-rating input {
  position: absolute;
  left: -999999px;
}

.lum-rating label {
  display: inline-flex;
  font-size: 0;
}

.lum-rating > label:before {
  position: relative;
  font-size: 36px;
  display: block;
  content: "\2605"; /* unicode star */
  color: #ccc;
  background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lum-rating--small > label:before {
  font-size: 24px;
}

.lum-rating > label.selectable:hover:before,
.lum-rating > label.selectable:hover ~ label:before,
.lum-rating > label.selected:before,
.lum-rating > label.selected ~ label:before {
  color: #f0ad4e;
  background: -webkit-linear-gradient(-45deg, #fcb551 0%, #d69a45 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (min-width: 600px) {
  .lum-rating-desc {
    min-width: 380px;
  }

  .lum-rating__container {
    flex-direction: row;
  }
}

.lum-base-pay__label {
  margin-left: -0.75rem;
}

.lum-base-pay__label::after {
  white-space: nowrap;
}

@media only screen and (max-width: 840px) {
  .lum-stage-name {
    display: none !important;
  }
}

.lum-btn-container {
  text-align: center;
  margin: 2rem 0;
}

.lum-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  margin: 2rem auto;
  text-align: center;
}

.lum-intro__logo {
  height: 40px;
}

.lum-intro__header {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 300;
  margin-top: 1rem;
  width: 100%; /* IE11 flexbug#2 */
}

.lum-intro__subheader {
  font-size: 1.1rem;
  margin-top: 1rem;
  width: 100%; /* IE11 Flexbug #2 */
}

.lum-intro__image {
  width: 100%; /* IE11 fill space */
  max-width: 600px;
  margin-top: 2rem;
}

@media only screen and (min-width: 600px) {
  .lum-intro__logo {
    height: 64px;
  }

  .lum-intro__header {
    font-size: 2.03rem;
    width: 85%;
  }

  .lum-intro__subheader {
    font-size: 1.17rem;
  }
}

@media only screen and (min-width: 840px) {
  .lum-intro__header {
    font-size: 2.3rem;
  }

  .lum-intro__subheader {
    font-size: 1.25rem;
  }

  .lum-intro__image {
    max-width: 800px;
  }
}

@media only screen and (min-width: 1024px) {
  .lum-intro__header {
    font-size: 2.51rem;
  }

  .lum-intro__subheader {
    font-size: 1.31rem;
  }
}

@media only screen and (min-width: 1280px) {
  .lum-intro__header {
    font-size: 2.8rem;
    width: 80%;
  }

  .lum-intro__subheader {
    font-size: 1.4rem;
  }
}

a.lum-eventresult__content {
  color: inherit;
}

.lum-eventresult__detail:not(:last-child) {
  margin-bottom: 4px;
}

.lum-tip-options > * {
  margin: 8px 4px;
}

.lum-btn--shrinkable {
  padding: 0 0.8rem;
}

@media only screen and (min-width: 360px) {
  .lum-btn--shrinkable {
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 480px) {
  .lum-btn--shrinkable {
    padding: 0 2rem;
  }
}

@media only screen and (min-width: 840px) {
  .lum-btn--shrinkable {
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 960px) {
  .lum-btn--shrinkable {
    padding: 0 2rem;
  }
}

.lum-term-text {
  padding-top: 1rem;
  display: none;
}

/**
  * Specify list-style-type to match Quill editor
  * for browsers that don't default to this, for example IE
  */
.lum-term-text ul li {
  list-style-type: disc;
}

/* IE fix for bold font not appearing as bold */
.lum-term-text strong {
  font-weight: bold;
}

.lum-term-text ol {
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8;
}

.lum-term-text ol li:not([class]) {
  list-style: none;
  counter-increment: list-0;
}

.lum-term-text ol li:not([class])::before {
  content: counter(list-0, decimal) '. ';
}

.lum-term__title {
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.54);
}

.lum-provider-content {
  background-color: #e0e0e0;
  padding: 10px;
  border-left: solid 5px gray;
}

.lum-additional-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
}

.lum-scrollable::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f1f1;
  display: block;
  overflow: auto;
}

.lum-scrollable::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

.lum-feedback__container {
  border: none;
  padding-left: 0;
}

.lum-feedback__container > legend {
  font-size: 1rem;
}

.lum-feedback__container div.lum-options-container {
  flex-flow: column wrap;
}

@media only screen and (min-width: 360px) {
  .lum-feedback__container div.lum-options-container {
    flex-flow: row;
  }
}

.lum-feedback__container label {
  margin-right: 20px;
}