/**
 * @file
 * Color styling.
 *
 */

/* base: elements */
body {
  background-color: var(--mt-color-default);
  /* FIX: this should be a real color, not an RGB tuple variable */
  color: var(--mt-color-base);
}

a.link--bordered,
.link--bordered a {
  border-color: var(--mt-color-secondary);
}

/* replaced hard-coded legacy colors with soothing palette */
.blockbgcolor1 {
  background-color: var(--mt-color-secondary); /* soft sand */
}
.blockbgcolor2 {
  background-color: var(--mt-color-shade);     /* soft sage-gray */
}
.blockbgcolor3 {
  background-color: var(--mt-color-primary);   /* muted teal */
}

/* Bootstrap light background adjusted */
.bs-bg-light {
  background-color: var(--mt-color-tint) !important;
}

.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(
    rgba(var(--mt-color-secondary-value), 0.5) 0%,
    rgba(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,
.mt-link-style-animated-underline-2 .mt-link-stylable:after,
.mt-link-style-animated-underline-3 .mt-link-stylable:before,
.mt-link-style-animated-background-1 .mt-link-stylable:before,
.mt-link-style-animated-background-2 .mt-link-stylable:after,
.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);
}

/* (duplicate kept, but updated) */
.bs-bg-light {
  background-color: var(--mt-color-tint) !important;
}

/* base: layout */
.region--default-background {
  background-color: var(--mt-color-default);
  /* FIX: same issue as body; keep readable text color */
  color: var(--mt-color-base);
  border-color: rgba(var(--mt-color-default-contrast-value), 0.3);
}
.region--default-background a {
  color: var(--mt-color-primary);
  border-color: var(--mt-color-base);
  outline-color: var(--mt-color-base);
}
.region--default-background a:hover,
.region--default-background a:focus {
  color: var(--mt-color-primary-light);
}
.region--default-background input[type="submit"],
.region--default-background input[type="reset"],
.region--default-background input[type="button"] {
  outline-color: var(--mt-color-base);
}

.main-content.region--default-background,
.featured-bottom.region--default-background {
  background-color: var(--mt-color-default);
}

.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-light);
  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-dark-colored-contrast);
}
.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 {
  background-color: var(--mt-color-colored);
  background: 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-secondary-light);
  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 {
  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 {
  /* was #954004 (brown) -> switched to muted teal for wellness feel */
  color: var(--mt-color-primary-dark);
  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-primary);
}
.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 {
  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-primary-light);
  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-primary);
}
.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 {
  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 {
  /* was #3876b5 (bright blue) -> teal */
  color: var(--mt-color-primary);
  border-color: var(--mt-color-shade-contrast);
  outline-color: var(--mt-color-shade-contrast);
}
.region--shade-background a:hover,
.region--shade-background a:focus {
  /* was #2D3840 -> base charcoal */
  color: var(--mt-color-base);
}
.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 {
  /* was #fabb30 (bright yellow) -> warm off-white for calm */
  background-color: var(--mt-color-bright);
  color: var(--mt-color-bright-contrast);
  border-color: rgba(var(--mt-color-bright-value), 0.3);
}
.region--bright-background a {
  /* was #2c3e50 -> base */
  color: var(--mt-color-base);
  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-base);
}
.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 {
  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 {
  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-light);
  border-color: var(--mt-color-dark-contrast);
  outline-color: var(--mt-color-dark-contrast);
}
.region--dark-background a:hover,
.region--dark-background a:focus {
  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);
}
.footer .footer__container:before,
.page-node-type-mt-canvas-page .header-container:after,
.page-node-type-mt-canvas-page .banner:before,
.page-node-type-mt-canvas-page .header-container:before,
.page-node-type-mt-canvas-page .page-top-container:before,
.featured:before,
.featured-bottom:before,
.footer-top:before {
  filter: var(--mt-color-primary-filter);
}
.page-node-type-mt-canvas-page .page-top-container:after {
  background-color: rgba(var(--mt-color-primary-value), 0.1);
}

/* 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-contrast);
  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-contrast);
  color: var(--mt-color-primary-contrast);
}
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);
}
a.mt-button:before,
.mt-button > a:before,
button.mt-button:before {
  background-color: var(--mt-color-primary-light);
  background: var(--mt-color-primary-dark);
}

/* keep existing region-specific overrides */
.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--dark-colored-background a.mt-button:hover,
.region--dark-colored-background .mt-button > a:hover,
.region--dark-colored-background button.mt-button:hover,
.region--dark-colored-background input[type="submit"]:hover,
.region--dark-colored-background input[type="reset"]:hover,
.region--dark-colored-background input[type="button"]:hover,
.region--dark-colored-background a.mt-button:active,
.region--dark-colored-background .mt-button > a:active,
.region--dark-colored-background button.mt-button:active,
.region--dark-colored-background input[type="submit"]:active,
.region--dark-colored-background input[type="reset"]:active,
.region--dark-colored-background input[type="button"]:active {
  color: var(--mt-color-dark-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-color-bright);
}
.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: rgba(var(--mt-color-primary-value), 0.8);
}

/* components: dropdowns */
.region--colored-background .dropdown-menu {
  background-color: rgba(var(--mt-color-colored-value), 0.95);
}
.region--dark-colored-background .dropdown-menu {
  background-color: rgba(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,
.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,
  .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: icons feature */
.paragraph--type--mt-icon-features:hover {
  background: var(--mt-color-tint);
}

.feature__icon {
  color: var(--mt-color-primary);
}
.paragraph--type--mt-icon-features:hover .feature__icon {
  color: var(--mt-color-primary-light);
}
.paragraph--type--mt-icon-features:hover .feature__link a {
  color: var(--mt-color-base);
}
.mt-link-style-animated-background-2 .paragraph--type--mt-icon-features:hover .feature__link a:after {
  /* was #3b546c -> teal-ish */
  background-color: var(--mt-color-primary-dark);
}

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

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

/* 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 {
  /* was #084557 -> primary */
  color: var(--mt-color-primary);
}

.header-container .sf-menu ul li.sfHover > a,
.header-container .sf-menu ul li > a.is-active,
.header-container .sf-menu ul li.active-trail > a {
  color: var(--mt-color-base);
}
.header-container .sf-menu ul li a:hover {
  color: var(--mt-color-base);
}

.region--dark-colored-background ul.menu li a:hover {
  /* was #f7bb75 -> sand light */
  color: var(--mt-color-secondary-light);
}

/* components: view pricing tables */
.views-field-field-mt-prd-most-popular span {
  background-color: var(--mt-color-secondary-light);
}

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