/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
* Transforms a given palette color to the transparent version of it
*/
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
/**
  WARNING:
  These should not be changed without approval from the front end guild manager
 */
/**
  This adds supported variant colors to a given selector
  @param $attribute The css attribute to use
  @param classPrefix the class prefix to use F.E variant => variant_health
  @param $selectorSuffix The suffix to add to the selector F.E :hover => &.variant_health:hover
  @param $valuePrefix Value prefix to add, used in attribute that need extra metadata(box shadow etc)
                        F.E 2px 2px 0 0 => 2px 2px 0 0 $palette-color-24
  @param $mix-color Color to mix with the variant colors(Used to lighten colors or opacify)
  @param $mix-percent Percentage to use from variant color mixing with $mix-color
  @param $variant-map Map of variant colors, defaulted to general variants
 */
/* stylelint-disable */
/* stylelint-disable */
/**
    Converts a hex color to rgb(r, g, b) representation

    Does NOT support colors with opacity, for that please use native rgba() function
 */
/**
    Converts a hex color to a red green blue tuple representation
 */
.mh_button {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.5em 1.33em;
  min-width: 7.5em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 4px;
  outline: 0;
}
.mh_button:hover, .mh_button:focus, .mh_button.focus {
  color: #333;
  text-decoration: none;
}
.mh_button:active, .mh_button.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.mh_button.disabled, .mh_button[disabled], fieldset[disabled] .mh_button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  box-shadow: none;
}

.mh_button_type_default {
  color: #fff;
  background-color: #D13B00;
  border-color: #D13B00;
}
.mh_button_type_default:hover, .mh_button_type_default:focus, .mh_button_type_default:active, .mh_button_type_default.active {
  color: #fff;
  background-color: #ff7c55;
  border-color: #ff7c55;
}
.mh_button_type_default:active, .mh_button_type_default.active {
  background-image: none;
}
.mh_button_type_default.disabled, .mh_button_type_default.disabled:hover, .mh_button_type_default.disabled:focus, .mh_button_type_default.disabled:active, .mh_button_type_default.disabled.active, .mh_button_type_default[disabled], .mh_button_type_default[disabled]:hover, .mh_button_type_default[disabled]:focus, .mh_button_type_default[disabled]:active, .mh_button_type_default[disabled].active, fieldset[disabled] .mh_button_type_default, fieldset[disabled] .mh_button_type_default:hover, fieldset[disabled] .mh_button_type_default:focus, fieldset[disabled] .mh_button_type_default:active, fieldset[disabled] .mh_button_type_default.active {
  background-color: #D13B00;
  border-color: #D13B00;
}
.mh_button_type_default.drop_down_toggle {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  min-width: 2em;
}
.mh_button_type_default.drop_down_toggle.open {
  background-color: #ff7c55;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.mh_button_type_primary {
  color: #D13B00;
  background-color: transparent;
  border-color: #D13B00;
}
.mh_button_type_primary:hover, .mh_button_type_primary:focus, .mh_button_type_primary:active, .mh_button_type_primary.active {
  color: #D13B00;
  background-color: rgba(209, 59, 0, 0.05);
}
.mh_button_type_primary:active, .mh_button_type_primary.active {
  background-image: none;
}
.mh_button_type_primary.disabled, .mh_button_type_primary.disabled:hover, .mh_button_type_primary.disabled:focus, .mh_button_type_primary.disabled:active, .mh_button_type_primary.disabled.active, .mh_button_type_primary[disabled], .mh_button_type_primary[disabled]:hover, .mh_button_type_primary[disabled]:focus, .mh_button_type_primary[disabled]:active, .mh_button_type_primary[disabled].active, fieldset[disabled] .mh_button_type_primary, fieldset[disabled] .mh_button_type_primary:hover, fieldset[disabled] .mh_button_type_primary:focus, fieldset[disabled] .mh_button_type_primary:active, fieldset[disabled] .mh_button_type_primary.active {
  background-color: transparent;
  border-color: #D13B00;
}
.mh_button_type_primary.drop_down_toggle {
  border-left: 0;
  min-width: 2em;
}
.mh_button_type_primary.drop_down_toggle.open {
  background-color: rgba(209, 59, 0, 0.05);
  border-left: 0;
}
.mh_button_type_primary.disabled, .mh_button_type_primary[disabled], fieldset[disabled] .mh_button_type_primary {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.mh_button_type_inverse {
  color: #595959;
  background-color: #fff;
  border-color: #fff;
  box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124);
}
.mh_button_type_inverse:hover, .mh_button_type_inverse:focus, .mh_button_type_inverse:active, .mh_button_type_inverse.active {
  color: #595959;
  background-color: #efeeeb;
  border-color: #efeeeb;
}
.mh_button_type_inverse:active, .mh_button_type_inverse.active {
  background-image: none;
}
.mh_button_type_inverse.disabled, .mh_button_type_inverse.disabled:hover, .mh_button_type_inverse.disabled:focus, .mh_button_type_inverse.disabled:active, .mh_button_type_inverse.disabled.active, .mh_button_type_inverse[disabled], .mh_button_type_inverse[disabled]:hover, .mh_button_type_inverse[disabled]:focus, .mh_button_type_inverse[disabled]:active, .mh_button_type_inverse[disabled].active, fieldset[disabled] .mh_button_type_inverse, fieldset[disabled] .mh_button_type_inverse:hover, fieldset[disabled] .mh_button_type_inverse:focus, fieldset[disabled] .mh_button_type_inverse:active, fieldset[disabled] .mh_button_type_inverse.active {
  background-color: #fff;
  border-color: #fff;
}
.mh_button_type_inverse.drop_down_toggle {
  border-left: 1px solid #dddcd9;
  min-width: 2em;
}
.mh_button_type_inverse.drop_down_toggle.open {
  background-color: #efeeeb;
  border-left: 1px solid #dddcd9;
}

.mh_button_type_success {
  color: #fff;
  background-color: #93bc56;
  border-color: #93bc56;
}
.mh_button_type_success:hover, .mh_button_type_success:focus, .mh_button_type_success:active, .mh_button_type_success.active {
  color: #fff;
  background-color: #a7c767;
  border-color: #a7c767;
}
.mh_button_type_success:active, .mh_button_type_success.active {
  background-image: none;
}
.mh_button_type_success.disabled, .mh_button_type_success.disabled:hover, .mh_button_type_success.disabled:focus, .mh_button_type_success.disabled:active, .mh_button_type_success.disabled.active, .mh_button_type_success[disabled], .mh_button_type_success[disabled]:hover, .mh_button_type_success[disabled]:focus, .mh_button_type_success[disabled]:active, .mh_button_type_success[disabled].active, fieldset[disabled] .mh_button_type_success, fieldset[disabled] .mh_button_type_success:hover, fieldset[disabled] .mh_button_type_success:focus, fieldset[disabled] .mh_button_type_success:active, fieldset[disabled] .mh_button_type_success.active {
  background-color: #93bc56;
  border-color: #93bc56;
}
.mh_button_type_success.drop_down_toggle {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  min-width: 2em;
}
.mh_button_type_success.drop_down_toggle.open {
  background-color: #a7c767;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.mh_button_type_blank {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
  box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124);
}
.mh_button_type_blank:hover, .mh_button_type_blank:focus, .mh_button_type_blank:active, .mh_button_type_blank.active {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}
.mh_button_type_blank:active, .mh_button_type_blank.active {
  background-image: none;
}
.mh_button_type_blank.disabled, .mh_button_type_blank.disabled:hover, .mh_button_type_blank.disabled:focus, .mh_button_type_blank.disabled:active, .mh_button_type_blank.disabled.active, .mh_button_type_blank[disabled], .mh_button_type_blank[disabled]:hover, .mh_button_type_blank[disabled]:focus, .mh_button_type_blank[disabled]:active, .mh_button_type_blank[disabled].active, fieldset[disabled] .mh_button_type_blank, fieldset[disabled] .mh_button_type_blank:hover, fieldset[disabled] .mh_button_type_blank:focus, fieldset[disabled] .mh_button_type_blank:active, fieldset[disabled] .mh_button_type_blank.active {
  background-color: #fff;
  border-color: #fff;
}

.mh_button_type_text {
  color: #595959;
  background-color: #fff;
  border-color: #fff;
  box-shadow: outset 0 3px 5px rgba(0, 0, 0, 0.124);
  padding: 0 5px !important;
  font-size: inherit !important;
  font-weight: 500 !important;
  min-width: inherit !important;
  vertical-align: inherit !important;
}
.mh_button_type_text:hover, .mh_button_type_text:focus, .mh_button_type_text:active, .mh_button_type_text.active {
  color: #595959;
  background-color: #fff;
  border-color: #fff;
}
.mh_button_type_text:active, .mh_button_type_text.active {
  background-image: none;
}
.mh_button_type_text.disabled, .mh_button_type_text.disabled:hover, .mh_button_type_text.disabled:focus, .mh_button_type_text.disabled:active, .mh_button_type_text.disabled.active, .mh_button_type_text[disabled], .mh_button_type_text[disabled]:hover, .mh_button_type_text[disabled]:focus, .mh_button_type_text[disabled]:active, .mh_button_type_text[disabled].active, fieldset[disabled] .mh_button_type_text, fieldset[disabled] .mh_button_type_text:hover, fieldset[disabled] .mh_button_type_text:focus, fieldset[disabled] .mh_button_type_text:active, fieldset[disabled] .mh_button_type_text.active {
  background-color: #fff;
  border-color: #fff;
}
.mh_button_type_text.drop_down_toggle {
  padding: 0 !important;
  width: initial !important;
  color: #767676;
}

.mh_button_type_text ~ .drop_down_content {
  top: 26px !important;
}

.mh_button.size_large,
.mh_button_size_large {
  padding: 0.5em 1.33em;
  font-size: 22px;
}

.mh_button.size_small,
.mh_button_size_small {
  padding: 0.5em 1.33em;
  font-size: 15px;
}

.mh_button.size_xsmall,
.mh_button_size_xsmall {
  padding: 0.5em 1.33em;
  font-size: 12px;
}

.banner_container {
  position: absolute;
  background-color: #f2f2f2;
  width: auto;
}

.banner_text {
  font-size: 18px;
  color: #767676;
  text-align: center;
  font-style: italic;
  margin: 10px;
  margin-top: 40px;
}

.banner_button {
  display: block;
  text-align: center;
  margin: 40px auto;
}