/**
 * @file
 * Color styling rules for Dark+.
 *
 */

/* base: elements */
body {
  background-color: var(--mt-color-default);
  color: var(--mt-color-default-contrast);
}
a.link--bordered,
.link--bordered a {
  border-color: var(--mt-color-secondary);
}
.text--colored {
  color: var(--mt-color-colored);
}
.region--colored-background .text--colored {
  color: var(--mt-color-colored-contrast);
}
.link--hover-style-3 {
  background-image: linear-gradient(hsla(var(--mt-color-secondary-value), 0.5) 0%, hsla(var(--mt-color-secondary-value), 0.5) 100%);
}
.link--hover-style-3:hover,
.link--hover-style-3:focus {
  background-image: linear-gradient(var(--mt-color-secondary) 0%, var(--mt-color-secondary) 100%);
}
.region--colored-background .link--hover-style-3:hover,
.region--colored-background .link--hover-style-3:focus {
  color: var(--mt-color-colored);
}
.mt-link-style-animated-underline-1 .mt-link-stylable:after {
  background-color: var(--mt-color-secondary);
}
.mt-link-style-animated-underline-2 .mt-link-stylable:after {
  background-color: var(--mt-color-secondary);
}
.mt-link-style-animated-underline-3 .mt-link-stylable:before {
  background-color: var(--mt-color-secondary);
}
.mt-link-style-animated-background-1 .mt-link-stylable:before {
  background-color: var(--mt-color-secondary);
}
.mt-link-style-animated-background-2 .mt-link-stylable:after {
  background-color: var(--mt-color-secondary);
}
.mt-link-style-animated-background-3 .mt-link-stylable:before {
  background-color: var(--mt-color-secondary);
}
.block-title.block-title--border {
  border-color: var(--mt-color-secondary);
}
.region--colored-background .block-title.block-title--border {
  border-color: var(--mt-color-colored-contrast);
}

/* base: layout */
.region--default-background,
#drupal-off-canvas label.region--default-background {
  background-color: var(--mt-color-default);
  color: var(--mt-color-default-contrast);
  border-color: rgba(var(--mt-color-default-contrast-value), 0.3);
}
.region--default-background a {
  color: var(--mt-color-secondary);
  border-color: var(--mt-color-default-contrast);
  outline-color: var(--mt-color-default-contrast);
}
.region--default-background a:hover,
.region--default-background a:focus {
  color: var(--mt-color-secondary-dark);
}
.region--default-background input[type="submit"],
.region--default-background input[type="reset"],
.region--default-background input[type="button"] {
  outline-color: var(--mt-color-default-contrast);
}
.main-content.region--default-background,
.featured-bottom.region--default-background,
.region--default-background-lighter.region--default-background {
  background-color: var(--mt-color-default-light);
}
.region--dark-colored-background,
#drupal-off-canvas label.region--dark-colored-background {
  background-color: var(--mt-color-dark-colored);
  color: var(--mt-color-dark-colored-contrast);
  border-color: rgba(var(--mt-color-dark-colored-contrast-value), 0.3);
}
.region--dark-colored-background a {
  color: var(--mt-color-secondary);
  border-color: var(--mt-color-dark-colored-contrast);
  outline-color: var(--mt-color-dark-colored-contrast);
}
.region--dark-colored-background a:hover,
.region--dark-colored-background a:focus {
  color: var(--mt-color-secondary-dark);
}
.region--dark-colored-background input[type="submit"],
.region--dark-colored-background input[type="reset"],
.region--dark-colored-background input[type="button"] {
  outline-color: var(--mt-color-dark-colored-contrast);
}
.region--colored-background,
#drupal-off-canvas label.region--colored-background {
  background-color: var(--mt-color-colored);
  color: var(--mt-color-colored-contrast);
  border-color: rgba(var(--mt-color-colored-contrast-value), 0.3);
}
.region--colored-background a {
  color: var(--mt-color-dark-colored);
  border-color: var(--mt-color-colored-contrast);
  outline-color: var(--mt-color-colored-contrast);
}
.region--colored-background a:hover,
.region--colored-background a:focus {
  color: var(--mt-color-colored-contrast);
}
.region--colored-background input[type="submit"],
.region--colored-background input[type="reset"],
.region--colored-background input[type="button"] {
  outline-color: var(--mt-color-colored-contrast);
}
.region--accent-background,
#drupal-off-canvas label.region--accent-background {
  background-color: var(--mt-color-accent);
  color: var(--mt-color-accent-contrast);
  border-color: rgba(var(--mt-color-accent-contrast-value), 0.3);
}
.region--accent-background a {
  color: var(--mt-color-secondary);
  border-color: var(--mt-color-accent-contrast);
  outline-color: var(--mt-color-accent-contrast);
}
.region--accent-background a:hover,
.region--accent-background a:focus {
  color: var(--mt-color-secondary-dark);
}
.region--accent-background input[type="submit"],
.region--accent-background input[type="reset"],
.region--accent-background input[type="button"] {
  outline-color: var(--mt-color-accent-contrast);
}
.region--tint-background,
#drupal-off-canvas label.region--tint-background {
  background-color: var(--mt-color-tint);
  color: var(--mt-color-tint-contrast);
  border-color: rgba(var(--mt-color-tint-contrast-value), 0.3);
}
.region--tint-background a {
  color: var(--mt-color-secondary);
  border-color: var(--mt-color-tint-contrast);
  outline-color: var(--mt-color-tint-contrast);
}
.region--tint-background a:hover,
.region--tint-background a:focus {
  color: var(--mt-color-secondary-dark);
}
.region--tint-background input[type="submit"],
.region--tint-background input[type="reset"],
.region--tint-background input[type="button"] {
  outline-color: var(--mt-color-tint-contrast);
}
.region--shade-background,
#drupal-off-canvas label.region--shade-background {
  background-color: var(--mt-color-shade);
  color: var(--mt-color-shade-contrast);
  border-color: rgba(var(--mt-color-shade-contrast-value), 0.3);
}
.region--shade-background a {
  color: var(--mt-color-secondary);
  border-color: var(--mt-color-shade-contrast);
  outline-color: var(--mt-color-shade-contrast);
}
.region--shade-background a:hover,
.region--shade-background a:focus {
  color: var(--mt-color-secondary-dark);
}
.region--shade-background input[type="submit"],
.region--shade-background input[type="reset"],
.region--shade-background input[type="button"] {
  outline-color: var(--mt-color-shade-contrast);
}
.region--bright-background,
#drupal-off-canvas label.region--bright-background {
  background-color: var(--mt-color-bright);
  color: var(--mt-color-bright-contrast);
  border-color: rgba(var(--mt-color-bright-contrast-value), 0.3);
}
.region--bright-background a {
  color: var(--mt-color-secondary);
  border-color: var(--mt-color-bright-contrast);
  outline-color: var(--mt-color-bright-contrast);
}
.region--bright-background a:hover,
.region--bright-background a:focus {
  color: var(--mt-color-secondary-dark);
}
.region--bright-background input[type="submit"],
.region--bright-background input[type="reset"],
.region--bright-background input[type="button"] {
  outline-color: var(--mt-color-bright-contrast);
}
.region--pattern,
#drupal-off-canvas label.region--pattern {
  background-color: var(--mt-color-pattern);
  color: var(--mt-color-pattern-contrast);
  border-color: rgba(var(--mt-color-pattern-contrast-value), 0.3);
}
.region--pattern a {
  color: var(--mt-color-secondary);
  border-color: var(--mt-color-pattern-contrast);
  outline-color: var(--mt-color-pattern-contrast);
}
.region--pattern a:hover,
.region--pattern a:focus {
  color: var(--mt-color-secondary-dark);
}
.region--pattern input[type="submit"],
.region--pattern input[type="reset"],
.region--pattern input[type="button"] {
  outline-color: var(--mt-color-pattern-contrast);
}
.region--dark-background,
#drupal-off-canvas label.region--dark-background {
  background-color: var(--mt-color-dark);
  color: var(--mt-color-dark-contrast);
  border-color: rgba(var(--mt-color-dark-contrast-value), 0.3);
}
.region--dark-background a {
  color: var(--mt-color-secondary);
  border-color: var(--mt-color-dark-contrast);
  outline-color: var(--mt-color-dark-contrast);
}
.region--dark-background input[type="submit"],
.region--dark-background input[type="reset"],
.region--dark-background input[type="button"] {
  outline-color: var(--mt-color-dark-contrast);
}
.region--bright-dark-colored-background {
  background: var(--mt-color-bright);
  background: -moz-linear-gradient(top, var(--mt-color-bright) 35%, var(--mt-color-dark-colored) 35%);
  background: -webkit-linear-gradient(top, var(--mt-color-bright) 35%, var(--mt-color-dark-colored) 35%);
  background: linear-gradient(to bottom, var(--mt-color-bright) 35%, var(--mt-color-dark-colored) 35%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mt-color-bright)', endColorstr='var(--mt-color-dark-colored)',GradientType=0 );
}
.region--tint-background + .region--bright-dark-colored-background {
  background: var(--mt-color-tint);
  background: -moz-linear-gradient(top, var(--mt-color-tint) 35%, var(--mt-color-dark-colored) 35%);
  background: -webkit-linear-gradient(top, var(--mt-color-tint) 35%, var(--mt-color-dark-colored) 35%);
  background: linear-gradient(to bottom, var(--mt-color-tint) 35%, var(--mt-color-dark-colored) 35%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mt-color-tint)', endColorstr='var(--mt-color-dark-colored)',GradientType=0 );
}
.region--bright-colored-background {
  background: var(--mt-color-bright);
  background: -moz-linear-gradient(top, var(--mt-color-bright) 35%, var(--mt-color-colored) 35%);
  background: -webkit-linear-gradient(top, var(--mt-color-bright) 35%, var(--mt-color-colored) 35%);
  background: linear-gradient(to bottom, var(--mt-color-bright) 35%, var(--mt-color-colored) 35%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mt-color-bright)', endColorstr='var(--mt-color-colored)',GradientType=0 );
}
.region--tint-background + .region--bright-colored-background {
  background: var(--mt-color-tint);
  background: -moz-linear-gradient(top, var(--mt-color-tint) 35%, var(--mt-color-colored) 35%);
  background: -webkit-linear-gradient(top, var(--mt-color-tint) 35%, var(--mt-color-colored) 35%);
  background: linear-gradient(to bottom, var(--mt-color-tint) 35%, var(--mt-color-colored) 35%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mt-color-tint)', endColorstr='var(--mt-color-colored)',GradientType=0 );
}
.region--dark-colored-background + .region--separator-incline-diagonal:before {
  background: linear-gradient(to bottom right, var(--mt-color-dark-colored) 49.5%, transparent 50%);
}
.region--colored-background + .region--separator-incline-diagonal:before {
  background: linear-gradient(to bottom right, var(--mt-color-colored) 49.5%, transparent 50%);
}
.region--dark-colored-background + .region--separator-decline-diagonal:before {
  background: linear-gradient(to bottom left, var(--mt-color-dark-colored) 49.5%, transparent 50%);
}
.region--colored-background + .region--separator-decline-diagonal:before {
  background: linear-gradient(to bottom left, var(--mt-color-colored) 49.5%, transparent 50%);
}
.page-container-border-enabled .page-container {
  border-color: var(--mt-color-primary);
}

/* components: buttons */
a.mt-button,
.mt-button > a,
button.mt-button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-color: var(--mt-color-primary);
  background-color: var(--mt-color-primary);
  color: var(--mt-color-primary-contrast);
}
a.mt-button:hover,
.mt-button > a:hover,
button.mt-button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-color: var(--mt-color-primary-light);
  border-color: var(--mt-color-primary-light);
}
a.mt-button:active,
.mt-button > a:active,
button.mt-button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
a.mt-button.mt-button--outline:active,
.mt-button.mt-button--outline > a:active,
input[type="submit"].mt-button--outline:active,
input[type="reset"].mt-button--outline:active,
input[type="button"].mt-button--outline:active {
  background-color: var(--mt-color-primary-dark);
  border-color: var(--mt-color-primary-dark);
}
.region--colored-background a.mt-button:hover,
.region--colored-background .mt-button > a:hover,
.region--colored-background button.mt-button:hover,
.region--colored-background input[type="submit"]:hover,
.region--colored-background input[type="reset"]:hover,
.region--colored-background input[type="button"]:hover,
.region--colored-background a.mt-button:active,
.region--colored-background .mt-button > a:active,
.region--colored-background button.mt-button:active,
.region--colored-background input[type="submit"]:active,
.region--colored-background input[type="reset"]:active,
.region--colored-background input[type="button"]:active {
  color: var(--mt-color-colored);
}
.region--default-background a.mt-button.mt-button--hover-style-2:before,
.region--default-background .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-color-default);
}
.region--bright-background a.mt-button.mt-button--hover-style-2:before,
.region--bright-background .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-bright-default);
}
.region--pattern a.mt-button.mt-button--hover-style-2:before,
.region--pattern .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-color-pattern);
}
.region--accent-background a.mt-button.mt-button--hover-style-2:before,
.region--accent-background .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-color-accent);
}
.region--tint-background a.mt-button.mt-button--hover-style-2:before,
.region--tint-background .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-color-tint);
}
.region--shade-background a.mt-button.mt-button--hover-style-2:before,
.region--shade-background .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-color-shade);
}
.region--colored-background a.mt-button.mt-button--hover-style-2:before,
.region--colored-background .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-color-colored);
}
.region--dark-colored-background a.mt-button.mt-button--hover-style-2:before,
.region--dark-colored-background .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-color-dark-colored);
}
.region--dark-background a.mt-button.mt-button--hover-style-2:before,
.region--dark-background .mt-button.mt-button--hover-style-2 > a:before {
  background-color: var(--mt-color-dark);
}

/* components: collapsible block */
.collapsible-block__trigger a {
  background-color: var(--mt-color-primary);
  color: var(--mt-color-primary-contrast);
}
.collapsible-block__trigger a:hover,
.collapsible-block__trigger a:focus {
  background-color: var(--mt-color-primary-dark);
  color: var(--mt-color-primary-contrast);
}
.region--colored-background .collapsible-block__trigger a {
  background-color: var(--mt-color-primary-dark);
  text-decoration: none;
}
.region--colored-background .collapsible-block__trigger a:hover {
  background-color: hsla(var(--mt-color-primary-value), 0.8);
}

/* components: dropdowns */
.region--colored-background .dropdown-menu {
  background-color: hsla(var(--mt-color-colored-value), 0.95);
}
.region--dark-colored-background .dropdown-menu {
  background-color: hsla(var(--mt-color-dark-colored-value), 0.95);
}

/* components: fancy block */
.region--dark-colored-background .fancy-block-text {
  background-color: var(--mt-color-dark-colored);
}
.region--colored-background .fancy-block-text {
  background-color: var(--mt-color-colored);
}

/* components: fancy linked images block */
.clip-path-support .clip-pentagon-container {
  background-color: var(--mt-color-primary-dark);
}
.clip-path-support .clip-circle-container {
  background-color: var(--mt-color-primary-dark);
}
.clip-path-support .clip-rectangle-container:before {
  border-color: var(--mt-color-primary-dark);
}

/* CSS rules only for FF*/
@-moz-document url-prefix() {
  .clip-pentagon-container {
    background-color: var(--mt-color-primary-dark);
  }
  .clip-circle-container {
    background-color: var(--mt-color-primary-dark);
  }
  .clip-rectangle-container:before {
    border-color: var(--mt-color-primary-dark);
  }
}

/* components: forms */
input.form-text:hover,
input.form-tel:hover,
input.form-email:hover,
input.form-url:hover,
input.form-search:hover,
input.form-file:hover,
input.form-number:hover,
input.form-color:hover,
input.form-date:hover,
input.form-time:hover,
textarea:hover,
select:hover,
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-file:focus,
input.form-number:focus,
input.form-color:focus,
input.form-date:focus,
input.form-time:focus,
textarea:focus,
select:focus {
  border-color: var(--mt-color-primary);
}
.region--colored-background input.form-text:hover,
.region--colored-background input.form-tel:hover,
.region--colored-background input.form-email:hover,
.region--colored-background input.form-url:hover,
.region--colored-background input.form-search:hover,
.region--colored-background input.form-file:hover,
.region--colored-background input.form-number:hover,
.region--colored-background input.form-color:hover,
.region--colored-background input.form-date:hover,
.region--colored-background input.form-time:hover,
.region--colored-background textarea:hover,
.region--colored-background select:hover,
.region--colored-background input.form-text:focus,
.region--colored-background input.form-tel:focus,
.region--colored-background input.form-email:focus,
.region--colored-background input.form-url:focus,
.region--colored-background input.form-search:focus,
.region--colored-background input.form-file:focus,
.region--colored-background input.form-number:focus,
.region--colored-background input.form-color:focus,
.region--colored-background input.form-date:focus,
.region--colored-background input.form-time:focus,
.region--colored-background textarea:focus,
.region--colored-background select:focus {
  border-color: var(--mt-color-colored-contrast);
}

/* components: content front page background */
@media (max-width: 767px) {
  .background-image-area.region--colored-background .header {
    background-color: var(--mt-color-colored);
  }
  .background-image-area.region--dark-colored-background .header {
    background-color: var(--mt-color-dark-colored);
  }
}

/* components: field taxonomy term */
.field--entity-reference-target-type-taxonomy-term:before,
.field--entity-reference-target-type-taxonomy-term.field__item:before {
  color: var(--mt-color-primary); ;
}

/* components: frontpage cover block */
.cta-button {
  border-color: var(--mt-color-primary);
}
.cta-button:hover,
.cta-button:focus {
  background-color: hsla(var(--mt-color-primary-value), 0.15);
}
.cta-button span {
  background-color: var(--mt-color-primary);
}

/* components: hero */
.region--dark-colored-background .hero-caption {
  background-color: var(--mt-color-dark-colored);
}
.region--colored-background .hero-caption {
  background-color: var(--mt-color-colored);
}

/* components: how it works */
.region--default-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-default);
}
.region--bright-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-bright);
}
.region--pattern .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-pattern);
}
.region--accent-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-accent);
}
.region--tint-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-tint);
}
.region--shade-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-shade);
}
.region--colored-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-colored);
}
.region--dark-colored-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-dark-colored);
}
.region--dark-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: var(--mt-color-dark);
}

/* components: icons feature */
.feature__icon {
  color: var(--mt-color-primary);
}
.region--colored-background .feature__icon {
  color: var(--mt-color-colored-contrast);
}
.paragraph--view-mode--mt-tile .feature__icon .fontawesome-icon:after,
.paragraph--view-mode--mt-media-after .feature__icon .fontawesome-icon:after {
  background: var(--mt-color-default);
}
.paragraph--view-mode--mt-tile .feature__icon .fontawesome-icon:before,
.paragraph--view-mode--mt-media-after .feature__icon .fontawesome-icon:before {
  background: var(--mt-color-default);
}

/* components: icons list */
.region--bright-background ul.icons-list.icons-list--bordered li a:hover {
  color: var(--mt-color-primary);
  border-color: var(--mt-color-primary);
}

/* components: image overlay */
.overlay--colored {
  background-color: hsla(var(--mt-color-primary-dark-value), 0.5);
}
.overlay--visible:hover {
  background-color: hsla(var(--mt-color-primary-dark-value), 0.6);
}
.overlay-icon:hover,
.overlay-icon:focus {
  color: var(--mt-color-primary-dark);
}
.overlay-icon--button {
  color: var(--mt-color-primary-dark);
}

/* components: image with overlaid text */
.region--colored-background .image-with-overlaid-text__text {
  background-color: hsla(var(--mt-color-colored-value), 0.75);
}
.region--dark-colored-background .image-with-overlaid-text__text {
  background-color: hsla(var(--mt-color-dark-colored-value), 0.75);
}

/* components: in page navigation */
.header-container ul.in-page-navigation li a.active,
.header-container ul.in-page-navigation li a:hover,
.header-container ul.in-page-navigation li a:focus {
  color: var(--mt-color-primary);
}
.header-container .region--colored-background ul.in-page-navigation li a.active,
.header-container .region--colored-background ul.in-page-navigation li a:hover,
.header-container .region--colored-background ul.in-page-navigation li a:focus {
  color: rgba(var(--mt-color-primary-contrast-value), 0.6);
}

/* components: language switcher */
.block-language ul li .is-active {
  color: var(--mt-color-primary);
}
.region--colored-background .block-language ul li .is-active {
  color: rgba(var(--mt-color-colored-contrast-value), 0.6);
}

/* components: menu */
ul.menu a.is-active {
  color: var(--mt-color-primary);
}

/* components: header menu */
.header-container .region--default-background .sf-menu.menu ul {
  background-color: var(--mt-color-default-light);
}
.region--default-background ul.menu li a,
.region--default-background ul.menu li > span {
  color: var(--mt-color-default-contrast);
}
.header-container .region--tint-background .sf-menu.menu ul {
  background-color: var(--mt-color-tint);
}
.region--tint-background ul.menu li a,
.region--tint-background ul.menu li > span {
  color: var(--mt-color-tint-contrast);
}
.header-container .region--shade-background .sf-menu.menu ul {
  background-color: var(--mt-color-shade);
}
.region--shade-background ul.menu li a,
.region--shade-background ul.menu li > span {
  color: var(--mt-color-shade-contrast);
}
.header-container .region--dark-colored-background .sf-menu.menu ul {
  background-color: var(--mt-color-dark-colored);
}
.region--dark-colored-background ul.menu li a,
.region--dark-colored-background ul.menu li > span {
  color: var(--mt-color-dark-colored-contrast);
}
.header-container .region--colored-background .sf-menu.menu ul {
  background-color: var(--mt-color-colored);
}
.region--colored-background ul.menu li a,
.region--colored-background ul.menu li > span {
  color: var(--mt-color-colored-contrast);
}
.header-container .region--bright-background .sf-menu.menu ul {
  background-color: var(--mt-color-bright);
}
.region--bright-background ul.menu li a,
.region--bright-background ul.menu li > span {
  color: var(--mt-color-bright-contrast);
}
.header-container .region--accent-background .sf-menu.menu ul {
  background-color: var(--mt-color-accent);
}
.region--accent-background ul.menu li a,
.region--accent-background ul.menu li > span {
  color: var(--mt-color-accent-contrast);
}
.header-container .region--pattern .sf-menu.menu ul {
  background-color: var(--mt-color-pattern);
}
.region--pattern-background ul.menu li a,
.region--pattern-background ul.menu li > span {
  color: var(--mt-color-pattern-contrast);
}
.header-container .region--dark-background .sf-menu.menu ul {
  background-color: var(--mt-color-dark);
}
.region--dark-background ul.menu li a,
.region--dark-background ul.menu li > span {
  color: var(--mt-color-dark-contrast);
}
.header-container .sf-menu ul li.sfHover > a,
.header-container .sf-menu ul li a:hover,
.header-container .sf-menu ul li > a.is-active,
.header-container .sf-menu ul li.active-trail > a {
  background-color: var(--mt-color-primary);
  color: var(--mt-color-primary-contrast);
}
.header-container .sf-menu.menu li ul {
  border-left-color: var(--mt-color-primary);
}
.header-container .region--colored-background .sf-menu ul li.sfHover > a,
.header-container .region--colored-background .sf-menu ul li a:hover,
.header-container .region--colored-background .sf-menu ul li > a.is-active,
.header-container .region--colored-background .sf-menu ul li.active-trail > a {
  background-color: var(--mt-color-colored-contrast);
  color: var(--mt-color-colored);
}
.header-container .region--colored-background .sf-menu.menu li ul {
  border-left-color: var(--mt-color-colored-contrast);
}
.menu.cta-active > li:last-child > a,
.menu.cta-active > li:last-child > a.is-active {
  background-color: var(--mt-color-primary);
  border-color: var(--mt-color-primary);
  color: var(--mt-color-primary-contrast);
}
.menu.cta-active > li:last-child > a:hover,
.menu.cta-active > li:last-child > a:focus,
.menu.cta-active > li:last-child > a.is-active:hover,
.menu.cta-active > li:last-child > a.is-active:focus {
  background-color: var(--mt-color-primary-light);
  border-color: var(--mt-color-primary-light);
  color: var(--mt-color-primary-contrast);
}
.region--colored-background .menu.cta-active > li:last-child > a,
.region--colored-background .menu.cta-active > li:last-child > a.is-active {
  border-color: rgba(var(--mt-color-colored-contrast-value), 0.5);
  color: var(--mt-color-colored-contrast);
}

/* components: footer menu */
.footer-top__section ul.menu li a:hover,
.footer-bottom__section ul.menu li a:focus,
.footer-bottom__section ul.menu li a:hover,
.footer-bottom__section ul.menu li a:focus,
.subfooter-top__section ul.menu li a:hover,
.subfooter-top__section ul.menu li a:focus,
.subfooter__section ul.menu li a:hover,
.subfooter__section ul.menu li a:focus {
  border-bottom-color: var(--mt-color-primary);
}
.region--colored-background .footer-top__section ul.menu li a:hover,
.region--colored-background .footer-bottom__section ul.menu li a:focus,
.region--colored-background .footer-bottom__section ul.menu li a:hover,
.region--colored-background .footer-bottom__section ul.menu li a:focus,
.region--colored-background .subfooter-top__section ul.menu li a:hover,
.region--colored-background .subfooter-top__section ul.menu li a:focus,
.region--colored-background .subfooter__section ul.menu li a:hover,
.region--colored-background .subfooter__section ul.menu li a:focus {
  border-bottom-color: var(--mt-color-colored-contrast);
}

/* components: modal block */
header.header .block-type--mt-modal .modal-icon-button {
  color: var(--mt-color-primary);
}

/* components: mt count down */
.mt-count-down-block.mt-count-down-theme .mt-count-down__button {
  border-color: var(--mt-color-primary);
  background-color: var(--mt-color-primary);
  color: var(--mt-color-primary-contrast);
}
.mt-count-down-block.mt-count-down-theme .mt-count-down__button:hover,
.mt-count-down-block.mt-count-down-theme .mt-count-down__button:focus {
  background-color: var(--mt-color-primary-light);
  border-color: var(--mt-color-primary-light);
}

/* components: node article*/
.node--view-mode-teaser.node--type-article .node__header h2 a:hover {
  color: var(--mt-color-primary-dark);
}

/* components: node images */
.image-caption h4 {
  background-color: hsla(var(--mt-color-primary-value), 0.8);
}

/* components: node post */
.node--type-mt-post .share-links ul li a:hover,
.node--type-mt-post .share-links ul li a:focus {
  border-color: var(--mt-color-primary-dark);
  color: var(--mt-color-primary-dark);
}

/* components: node product */
.region--default-background .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-default-value), 0.8);
  color: var(--mt-color-default-contrast);
}
.region--bright-background .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-bright-contrast-value), 0.8);
  color: var(--mt-color-bright);
}
.region--pattern .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-pattern-contrast-value), 0.8);
  color: var(--mt-color-pattern);
}
.region--accent-background .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-accent-contrast-value), 0.8);
  color: var(--mt-color-accent);
}
.region--tint-background .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-tint-contrast-value), 0.8);
  color: var(--mt-color-tint);
}
.region--shade-background .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-shade-contrast-value), 0.8);
  color: var(--mt-color-shade);
}
.region--colored-background .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-colored-contrast-value), 0.8);
  color: var(--mt-color-colored);
}
.region--dark-colored-background .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-dark-colored-contrast-value), 0.8);
  color: var(--mt-color-dark-colored);
}
.region--dark-background .paragraph--type--mt-prd-specification {
  background-color: rgba(var(--mt-color-dark-contrast-value), 0.8);
  color: var(--mt-color-dark);
}

/* components: node view mode featured teaser */
.quote-icon {
  color: var(--mt-color-primary);
}

/* components: node view mode teaser tile text */
.node--view-mode-mt-teaser-tile-text {
  border-bottom-color: var(--mt-color-primary);
}
.region--colored-background .node--view-mode-mt-teaser-tile-text {
  border-bottom-color: var(--mt-color-colored-contrast);
}
.node--view-mode-mt-teaser-tile-text .region--default-background a {
  color: var(--mt-color-secondary);
}
.node--view-mode-mt-teaser-tile-text .region--default-background a:hover,
.node--view-mode-mt-teaser-tile-text .region--default-background a:focus {
  color: var(--mt-color-secondary-dark);
}

/* components: node view mode metro tile */
.node--view-mode-mt-metro-tile .caption-text-first .field--entity-reference-target-type-taxonomy-term a,
.node--view-mode-mt-metro-tile .caption-text-second .field--entity-reference-target-type-taxonomy-term a {
  color: var(--mt-color-primary);
}

/* components: owl carousel global */
.owl-dot.active span {
  border-color: var(--mt-color-primary);
  background-color: var(--mt-color-primary);
}
.owl-dot:hover span {
  border-color: var(--mt-color-primary-dark);
  background-color: var(--mt-color-primary-dark);
}
.region--colored-background .owl-dot.active span {
  border-color: var(--mt-color-dark-colored);
  background-color: var(--mt-color-dark-colored);
}
.region--colored-background .owl-dot:hover span {
  border-color: var(--mt-color-dark-colored);
  background-color: var(--mt-color-dark-colored);
}

/* components: pager */
li.pager__item.is-active a,
li.pager__item.is-active a:hover,
li.pager__item.is-active a:focus {
  border-color: var(--mt-color-primary);
}
li.pager__item a:not(.mt-button):hover,
li.pager__item a:not(.mt-button):focus {
  background-color: var(--mt-color-primary);
  color: var(--mt-color-primary-contrast);
}
.region--colored-background li.pager__item a:not(.mt-button):hover,
.region--colored-background li.pager__item a:not(.mt-button):focus {
  color: var(--mt-color-colored);
}

/* components: post progress */
.post-progress__bar {
  background-color: var(--mt-color-primary);
}

/* components: pills */
.nav-pills > li > a.nav-link {
  border-color: var(--mt-color-primary);
}
.nav-pills > li > a.nav-link:focus,
.nav-pills > li > a.nav-link:hover,
.nav-pills > li > a.nav-link.active {
  background-color: var(--mt-color-primary-dark);
  border-color: var(--mt-color-primary-dark);
  color: var(--mt-color-primary-contrast);
}

/* components: progress bars */
.progress-bar-default {
  background-color: var(--mt-color-primary);
}

/* components: separators */
.separator {
  background: var(--mt-color-primary);
}

/* components: share links */
.js-share-links-fixed .share-links ul li a:hover {
  background-color: var(--mt-color-primary-dark);
}

/* components: slideout */
.slideout-toggle {
  background-color: var(--mt-color-primary-dark);
}

/* components: slideout filters */
@media (max-width: 991px) {
  .region--default-background .view-filters--slideout {
    background-color: var(--mt-color-default);
  }
  .region--bright-background .view-filters--slideout {
    background-color: var(--mt-color-bright);
  }
  .region--pattern .view-filters--slideout {
    background-color: var(--mt-color-pattern);
  }
  .region--accent-background .view-filters--slideout {
    background-color: var(--mt-color-accent);
  }
  .region--tint-background .view-filters--slideout {
    background-color: var(--mt-color-tint);
  }
  .region--shade-background .view-filters--slideout {
    background-color: var(--mt-color-shade);
  }
  .region--colored-background .view-filters--slideout {
    background-color: var(--mt-color-colored);
  }
  .region--dark-colored-background .view-filters--slideout {
    background-color: var(--mt-color-dark-colored);
  }
  .region--dark-background .view-filters--slideout {
    background-color: var(--mt-color-dark);
  }
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .region--default-background .view-filters--slideout .form-actions {
      background-color: var(--mt-color-default);
    }
    .region--bright-background .view-filters--slideout .form-actions {
      background-color: var(--mt-color-bright);
    }
    .region--pattern .view-filters--slideout .form-actions {
      background-color: var(--mt-color-pattern);
    }
    .region--accent-background .view-filters--slideout .form-actions {
      background-color: var(--mt-color-accent);
    }
    .region--tint-background .view-filters--slideout .form-actions {
      background-color: var(--mt-color-tint);
    }
    .region--shade-background .view-filters--slideout .form-actions {
      background-color: var(--mt-color-shade);
    }
    .region--colored-background .view-filters--slideout .form-actions {
      background-color: var(--mt-color-colored);
    }
    .region--dark-colored-background .view-filters--slideout .form-actions {
      background-color: var(--mt-color-dark-colored);
    }
    .region--dark-background .view-filters--slideout .form-actions {
      background-color: var(--mt-color-dark);
    }
  }
}

/* components: slider revolution global */
.tp-tabs {
  background-color: hsla(var(--mt-color-primary-value), 0.93) !important;
}
.tp-tabs .tp-tab.selected,
.tp-tabs .tp-tab:hover {
  background-color: var(--mt-color-primary);
}

/* components: sticky footer */
.collapsible-sticky-footer-trigger .region--default-background.mt-button {
  background-color: var(--mt-color-default);
  border-bottom-color: var(--mt-color-default);
}
.collapsible-sticky-footer-trigger .region--bright-background.mt-button {
  background-color: var(--mt-color-bright);
  border-bottom-color: var(--mt-color-bright);
}
.collapsible-sticky-footer-trigger .region--pattern.mt-button {
  background-color: var(--mt-color-pattern);
  border-bottom-color: var(--mt-color-pattern);
}
.collapsible-sticky-footer-trigger .region--accent-background.mt-button {
  background-color: var(--mt-color-accent);
  border-bottom-color: var(--mt-color-accent);
}
.collapsible-sticky-footer-trigger .region--tint-background.mt-button {
  background-color: var(--mt-color-tint);
  border-bottom-color: var(--mt-color-tint);
}
.collapsible-sticky-footer-trigger .region--shade-background.mt-button {
  background-color: var(--mt-color-shade);
  border-bottom-color: var(--mt-color-shade);
}
.collapsible-sticky-footer-trigger .region--colored-background.mt-button {
  background-color: var(--mt-color-colored);
  border-bottom-color: var(--mt-color-colored);
}
.collapsible-sticky-footer-trigger .region--dark-colored-background.mt-button {
  background-color: var(--mt-color-dark-colored);
  border-bottom-color: var(--mt-color-dark-colored);
}
.collapsible-sticky-footer-trigger .region--dark-background.mt-button {
  background-color: var(--mt-color-dark);
  border-bottom-color: var(--mt-color-dark);
}

/* components: tabs */
.nav-tabs {
  border-color: var(--mt-color-primary);
}
.region--default-background .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-primary);
}
.region--bright-background .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-primary);
}
.region--accent-background .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-primary);
}
.region--tint-background .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-primary);
}
.region--shade-background .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-primary);
}
.region--dark-colored-background .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-primary);
}
.region--dark-background .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-primary);
}
.region--pattern .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-primary);
}
.nav-tabs a.nav-link.active,
.nav-tabs a.nav-link.active:focus,
.nav-tabs a.nav-link.active:hover,
.nav-tabs a.nav-link:hover,
.nav-tabs a.nav-link:focus {
  border-color: var(--mt-color-primary);
  color: var(--mt-color-primary-contrast);
  background-color: var(--mt-color-primary);
}
.region--colored-background .nav-tabs {
  border-color: var(--mt-color-colored-contrast);
}
.region--colored-background .nav-tabs a.nav-link,
.region--colored-background .nav-tabs a.nav-link {
  border-bottom-color: var(--mt-color-colored-contrast);
}
.region--colored-background .nav-tabs a.nav-link.active,
.region--colored-background .nav-tabs a.nav-link.active:focus,
.region--colored-background .nav-tabs a.nav-link.active:hover,
.region--colored-background .nav-tabs a.nav-link:hover,
.region--colored-background .nav-tabs a.nav-link:focus {
  border-color: var(--mt-color-colored-contrast);
  color: var(--mt-color-colored);
  background-color: var(--mt-color-colored-contrast);
}
.nav-tabs.nav-tabs--vertical a.nav-link.active,
.nav-tabs.nav-tabs--vertical a.nav-link:hover,
.nav-tabs.nav-tabs--vertical a.nav-link:focus {
  border-bottom-color: var(--mt-color-primary);
}
.region--colored-background .nav-tabs.nav-tabs--vertical a.nav-link.active,
.region--colored-background .nav-tabs.nav-tabs--vertical a.nav-link:hover,
.region--colored-background .nav-tabs.nav-tabs--vertical a.nav-link:focus {
  border-bottom-color: var(--mt-color-colored-contrast);
}
.region--colored-background .nav-tabs.nav-tabs--vertical a.nav-link,
.region--colored-background .nav-tabs.nav-tabs--vertical a.nav-link:hover,
.region--colored-background .nav-tabs.nav-tabs--vertical a.nav-link:focus,
.region--colored-background .nav-tabs.nav-tabs--vertical a.active.nav-link,
.region--colored-background .nav-tabs.nav-tabs--vertical a.active.nav-link:focus,
.region--colored-background .nav-tabs.nav-tabs--vertical a.active.nav-link:hover {
  border-right-color: var(--mt-color-colored-contrast);
}
.nav-tabs.nav-tabs--fancy a.nav-link {
  border-bottom-color: transparent;
}
.nav-tabs.nav-tabs--fancy a.nav-link.active,
.nav-tabs.nav-tabs--fancy a.nav-link.active:focus,
.nav-tabs.nav-tabs--fancy a.nav-link.active:hover {
  border-color: var(--mt-color-primary);
}
.region--colored-background .nav-tabs.nav-tabs--fancy a.nav-link.active,
.region--colored-background .nav-tabs.nav-tabs--fancy a.nav-link.active:focus,
.region--colored-background .nav-tabs.nav-tabs--fancy a.nav-link.active:hover,
.region--colored-background .nav-tabs.nav-tabs--fancy a.nav-link:focus,
.region--colored-background .nav-tabs.nav-tabs--fancy a.nav-link:hover {
  border-color: var(--mt-color-colored-contrast);
  color: var(--mt-color-colored);
}
.nav-tabs.nav-tabs--enriched a.nav-link:focus,
.nav-tabs.nav-tabs--enriched a.nav-link:hover {
  border-bottom-color: var(--mt-color-primary);
}
.nav-tabs.nav-tabs--enriched a.nav-link.active span,
.nav-tabs.nav-tabs--enriched a.nav-link.active:focus span,
.nav-tabs.nav-tabs--enriched a.nav-link.active:hover span,
.nav-tabs.nav-tabs--enriched a.nav-link:hover span,
.nav-tabs.nav-tabs--enriched a.nav-link:focus span {
  color: var(--mt-color-primary);
}
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link.active,
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link.active:focus,
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link.active:hover,
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link:focus,
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link:hover {
  color: var(--mt-color-colored-contrast);
  background-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: var(--mt-color-colored-contrast);
}
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link.active span,
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link.active:focus span,
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link.active:hover span,
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link:hover span,
.region--colored-background .nav-tabs.nav-tabs--enriched a.nav-link:focus span {
  color: var(--mt-color-primary-contrast);
}

/* components: timeline */
.region--default-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-default);
}
.region--bright-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-bright);
}
.region--pattern .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-pattern);
}
.region--accent-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-accent);
}
.region--tint-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-tint);
}
.region--shade-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-shade);
}
.region--colored-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-colored);
}
.region--dark-colored-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-dark-colored);
}
.region--dark-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: var(--mt-color-dark);
}

/* components: view articles list 2 */
.view-articles-list-2 .views-row:after {
  color: var(--mt-color-primary);
}
.region--colored-background .view-articles-list-2 .views-row:after {
  color: var(--mt-color-colored-contrast);
}

/* components: view pricing tables */
.view-pricing-tables .pricing-table .pricing-table-body .svg-inline--fa {
  color: var(--mt-color-primary);
}

/* components: view team members masonry */
.view-team-members-masonry .masonry-grid-item .overlay__text:after {
  background-color: var(--mt-color-primary);
}

/*Disabled and read only inputs*/
.region--default-background input[readonly="readonly"],
.region--default-background input:disabled,
.region--default-background textarea:disabled,
.region--default-background textarea[readonly="readonly"],
.region--default-background select:disabled {
    opacity: 0.7;
    background-color: var(--mt-form-disabled-background-color);
    border-color: var(--mt-form-disabled-border-color);
    color: var(--mt-form-disabled-color);
}
.region--default-background input[type="submit"]:disabled {
    background-color: var(--mt-submit-disabled-background-color);
    border-color: var(--mt-submit-disabled-border-color);
    color: var(--mt-submit-disabled-color);
}
