:root {
  --primaryColor: #a82339;
  --primaryColorLight: #d32c48;
  --primaryColorDark: #9d2135;
  --primaryColorDarker: #931f32;
  --primaryColorDarkest: #7e1a2b;
  --primaryColorLighter: #dc566c;
  --primaryColorDesaturated: #851339;
  --primaryColorSaturated: #c32222;
  --primaryColorShadow: rgba(168, 35, 57, 0.25);
  --white: #fff;
  --whiteDark: #fbfbfb;
  --whiteDarker: #ebebeb;
  --whiteOp90: rgba(255, 255, 255, 0.9);
  --whiteOp70: rgba(255, 255, 255, 0.7);
  --secondaryColor: #FFF;
}
.button.is-primary {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.button.is-primary:hover,
.button.is-primary.is-hovered {
  background-color: var(--primaryColorDark, #9d2135);
  color: var(--secondaryColor, --white);
}
.button.is-primary:focus,
.button.is-primary.is-focused {
  color: var(--secondaryColor, --white);
}
.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--primaryColorShadow, rgba(168, 35, 57, 0.25));
}
.button.is-primary:active,
.button.is-primary.is-active {
  background-color: var(--primaryColorDarker, #931f32);
  color: var(--secondaryColor, --white);
}
.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
  background-color: var(--primaryColor, #a82339);
}
.button.is-primary.is-inverted {
  background-color: var(--secondaryColor, --white);
  color: var(--primaryColor, #a82339);
}
.button.is-primary.is-inverted:hover,
.button.is-primary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
  background-color: var(--secondaryColor, --white);
  color: var(--primaryColor, #a82339);
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent var(--white, #fff) var(--white, #fff) !important;
}
.button.is-primary.is-outlined {
  border-color: var(--primaryColor, #a82339);
  color: var(--primaryColor, #a82339);
}
.button.is-primary.is-outlined:hover,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined.is-focused {
  background-color: var(--primaryColor, #a82339);
  border-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent var(--primaryColor, #a82339)
    var(--primaryColor, #a82339) !important;
}
.button.is-primary.is-outlined.is-loading:hover::after,
.button.is-primary.is-outlined.is-loading.is-hovered::after,
.button.is-primary.is-outlined.is-loading:focus::after,
.button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--white, #fff) var(--white, #fff) !important;
}
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
  border-color: var(--primaryColor, #a82339);
  color: var(--primaryColor, #a82339);
}
.button.is-primary.is-inverted.is-outlined {
  border-color: var(--white, #fff);
  color: var(--white, #fff);
}
.button.is-primary.is-inverted.is-outlined:hover,
.button.is-primary.is-inverted.is-outlined.is-hovered,
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: var(--secondaryColor, --white);
  color: var(--primaryColor, #a82339);
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-primary.is-inverted.is-outlined.is-loading:focus::after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--primaryColor, #a82339)
    var(--primaryColor, #a82339) !important;
}
.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  border-color: var(--secondaryColor, --white);
  color: var(--secondaryColor, --white);
}
.button.is-primary.is-light {
  background-color: var(--secondaryColorDark, --whiteDark);
  color: var(--primaryColorLight, #d32c48);
}
.button.is-primary.is-light:hover,
.button.is-primary.is-light.is-hovered {
  background-color: var(--secondaryColorDark, --whiteDark);
  color: var(--primaryColorLight, #d32c48);
}
.button.is-primary.is-light:active,
.button.is-primary.is-light.is-active {
  background-color: var(--secondaryColorDark, --whiteDark);
  color: var(--primaryColorLight, #d32c48);
}

.notification.is-primary {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.notification.is-primary.is-light {
  background-color: var(--secondaryColorDark, --whiteDark);
  color: var(--primaryColorLight, #d32c48);
}

.progress.is-primary::-webkit-progress-value {
  background-color: var(--primaryColor, #a82339);
}
.progress.is-primary::-moz-progress-bar {
  background-color: var(--primaryColor, #a82339);
}
.progress.is-primary::-ms-fill {
  background-color: var(--primaryColor, #a82339);
}
.progress.is-primary:indeterminate {
  background-image: linear-gradient(
    to right,
    var(--primaryColor, #a82339) 30%,
    var(--whiteDarker, #ededed) 30%
  );
}

.table td.is-primary,
.table th.is-primary {
  background-color: var(--primaryColor, #a82339);
  border-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}

.tag:not(body).is-primary {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.tag:not(body).is-primary.is-light {
  background-color: var(--secondaryColorDark, --whiteDark);
  color: var(--primaryColorLight, #d32c48);
}

.is-primary.input,
.is-primary.textarea {
  border-color: var(--primaryColor, #a82339);
}
.is-primary.input:focus,
.is-primary.textarea:focus,
.is-primary.is-focused.input,
.is-primary.is-focused.textarea,
.is-primary.input:active,
.is-primary.textarea:active,
.is-primary.is-active.input,
.is-primary.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--primaryColorShadow, rgba(168, 35, 57, 0.25));
}

.select.is-primary:not(:hover)::after {
  border-color: var(--primaryColor, #a82339);
}
.select.is-primary select {
  border-color: var(--primaryColor, #a82339);
}
.select.is-primary select:hover,
.select.is-primary select.is-hovered {
  border-color: var(--primaryColorDarker, #931f32);
}
.select.is-primary select:focus,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em var(--primaryColorShadow, rgba(168, 35, 57, 0.25));
}

.file.is-primary .file-cta {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.file.is-primary:hover .file-cta,
.file.is-primary.is-hovered .file-cta {
  background-color: var(--primaryColorDark, #9d2135);
  color: var(--secondaryColor, --white);
}
.file.is-primary:focus .file-cta,
.file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--primaryColorShadow, rgba(168, 35, 57, 0.25));
  color: var(--secondaryColor, --white);
}
.file.is-primary:active .file-cta,
.file.is-primary.is-active .file-cta {
  background-color: var(--primaryColorDarker, #931f32);
  color: var(--secondaryColor, --white);
}

.help.is-primary {
  color: var(--primaryColor, #a82339);
}

.message.is-primary {
  background-color: var(--secondaryColorDark, --whiteDark);
}
.message.is-primary .message-header {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.message.is-primary .message-body {
  border-color: var(--primaryColor, #a82339);
  color: var(--primaryColorLight, #d32c48);
}

.navbar.is-primary {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: var(--secondaryColor, --white);
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus,
.navbar.is-primary .navbar-brand > a.navbar-item:hover,
.navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: var(--primaryColorDarker, #931f32);
  color: var(--secondaryColor, --white);
}
.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: var(--secondaryColor, --white);
}
.navbar.is-primary .navbar-burger {
  color: var(--secondaryColor, --white);
}
@media screen and (min-width: 1088px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: var(--secondaryColor, --white);
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus,
  .navbar.is-primary .navbar-start > a.navbar-item:hover,
  .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item:focus,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: var(--primaryColorDarker, #931f32);
    color: var(--secondaryColor, --white);
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: var(--secondaryColor, --white);
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--primaryColorDarker, #931f32);
    color: var(--secondaryColor, --white);
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--primaryColor, #a82339);
    color: var(--secondaryColor, --white);
  }
}

.panel.is-primary .panel-heading {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: var(--primaryColor, #a82339);
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: var(--primaryColor, #a82339);
}

.has-text-primary {
  color: var(--primaryColor, #a82339) !important;
}

a.has-text-primary:hover,
a.has-text-primary:focus {
  color: var(--primaryColorDarkest, #7e1a2b) !important;
}

.has-background-primary {
  background-color: var(--primaryColor, #a82339) !important;
}

.has-text-primary-light {
  color: var(--secondaryColorDark, --whiteDark) !important;
}

a.has-text-primary-light:hover,
a.has-text-primary-light:focus {
  color: var(--secondaryColorDark, --whiteDark) !important;
}

.has-background-primary-light {
  background-color: var(--secondaryColorDark, --whiteDark) !important;
}

.has-text-primary-dark {
  color: var(--primaryColorLight, #d32c48) !important;
}

a.has-text-primary-dark:hover,
a.has-text-primary-dark:focus {
  color: var(--primaryColorLighter, #dc566c) !important;
}

.has-background-primary-dark {
  background-color: var(--primaryColorLight, #d32c48) !important;
}

@media screen and (max-width: 768px) {
  .hero.is-primary {
    background-color: var(--primaryColor, #a82339);
    color: var(--secondaryColor, --white);
  }
  .hero.is-primary .title {
    color: var(--secondaryColor, --white);
  }
  .hero.is-primary .subtitle {
    color: var(--secondaryColorOp90, --whiteOp90);
  }
  .hero.is-primary .subtitle a:not(.button),
  .hero.is-primary .subtitle strong {
    color: var(--secondaryColor, --white);
  }
}
@media screen and (max-width: 1087px) {
  .hero.is-primary .navbar-menu {
    background-color: var(--primaryColor, #a82339);
  }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: var(--secondaryColorOp70, --whiteOp70);
}
.hero.is-primary a.navbar-item:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: var(--primaryColorDarker, #931f32);
  color: var(--secondaryColor, --white);
}
.hero.is-primary .tabs a {
  color: var(--secondaryColor, --white);
}
.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
  color: var(--secondaryColor, --white);
}
.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: var(--secondaryColor, --white);
  border-color: var(--secondaryColor, --white);
  color: var(--primaryColor, #a82339);
}
.hero.is-primary.is-bold {
  background-image: linear-gradient(
    141deg,
    var(--primaryColorDesaturated, #851339) 0%,
    var(--primaryColor, #a82339) 71%,
    var(--primaryColorSaturated, #c32222) 100%
  );
}
@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(
      141deg,
      var(--primaryColorDesaturated, #851339) 0%,
      var(--primaryColor, #a82339) 71%,
      var(--primaryColorSaturated, #c32222) 100%
    );
  }
}

.is-divider.is-primary,
.is-divider-vertical.is-primary {
  border-top-color: var(--primaryColor, #a82339);
}
.is-divider.is-primary[data-content]::after,
.is-divider.is-primary[data-content]::after,
.is-divider-vertical.is-primary[data-content]::after,
.is-divider-vertical.is-primary[data-content]::after {
  background: var(--secondaryColor, --white);
  color: var(--primaryColor, #a82339);
}
.is-divider.is-primary::before,
.is-divider-vertical.is-primary::before {
  border-left-color: var(--primaryColor, #a82339);
}

.switch.is-primary input:checked + .slider {
  background-color: var(--primaryColor, #a82339);
}

.switch.is-primary input:focus + .slider {
  box-shadow: 0 0 1px var(--primaryColor, #a82339);
}

.rangeslider.is-primary .slider::-webkit-slider-thumb {
  box-shadow: -100vw 0 0 calc(100vw - 6px) var(--primaryColor, #a82339);
}

.rangeslider.is-primary .slider::-moz-range-thumb {
  box-shadow: -100vw 0 0 calc(100vw - 6px) var(--primaryColor, #a82339);
}

.rangeslider.is-primary .slider::-ms-fill-lower {
  background: var(--primaryColor, #a82339);
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-primary {
  background-color: var(--primaryColor, #a82339) !important;
  color: var(--secondaryColor, --white) !important;
}

.steps.is-hollow .steps-marker.is-primary,
.steps .steps-marker.is-hollow.is-primary {
  border-color: var(--primaryColor, #a82339) !important;
}

.steps-segment:after {
  background-color: var(--primaryColor, #a82339);
}

.is-border-dashed.is-primary {
  border-color: var(--primaryColor, #a82339);
}

.table td.is-selected,
.table th.is-selected {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}
.table tr.is-selected {
  background-color: var(--primaryColor, #a82339);
  color: var(--secondaryColor, --white);
}

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--primaryColor, #a82339);
}
