/**
 * @file
 * Visual styles for Corporate+'s sticky footer.
 */
@media (min-width: 992px) {
  .sticky-footer-container {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 100;
  }
  .sticky-footer-container.sticky-footer-container--fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .sticky-footer-container.slideToTop {
    -webkit-animation-name: fadeToTop;
    animation-name: fadeToTop;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @-webkit-keyframes fadeToTop {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeToTop {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }
  .sticky-footer-container.slideToBottom {
    -webkit-animation-name: fadeToBottom;
    animation-name: fadeToBottom;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @-webkit-keyframes fadeToBottom {
    0% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }
  @keyframes fadeToBottom {
    0% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }
}
.sticky-footer {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #707070;
}
.region--shade-background.sticky-footer,
.region--colored-background.sticky-footer,
.region--dark-colored-background.sticky-footer,
.region--dark-background.sticky-footer {
  border-top-width: 0;
}
.collapsible-sticky-footer-trigger .mt-button {
  font-size: 22px;
  background-color: inherit;
  color: var(--mt-body-color);
  border-color: #707070;
  position: relative;
  top: 2px;
  padding: 12px 40px;
}
.collapsible-sticky-footer-trigger .mt-button:hover,
.collapsible-sticky-footer-trigger .mt-button:focus {
  color: var(--mt-body-color);
  border-color: var(--mt-body-color);
  padding-right: 40px;
  padding-left: 40px;
}
.collapsible-sticky-footer-trigger .mt-button:after,
.collapsible-sticky-footer-trigger .mt-button:hover:after,
.collapsible-sticky-footer-trigger .mt-button:focus:after {
  content: "";
  display: none;
}
.collapsible-sticky-footer-trigger .region--shade-background.mt-button,
.collapsible-sticky-footer-trigger .region--colored-background.mt-button,
.collapsible-sticky-footer-trigger .region--dark-colored-background.mt-button,
.collapsible-sticky-footer-trigger .region--dark-background.mt-button,
.collapsible-sticky-footer-trigger .region--shade-background.mt-button:hover,
.collapsible-sticky-footer-trigger .region--colored-background.mt-button:hover,
.collapsible-sticky-footer-trigger .region--dark-colored-background.mt-button:hover,
.collapsible-sticky-footer-trigger .region--dark-background.mt-button:hover,
.collapsible-sticky-footer-trigger .region--shade-background.mt-button:focus,
.collapsible-sticky-footer-trigger .region--colored-background.mt-button:focus,
.collapsible-sticky-footer-trigger .region--dark-colored-background.mt-button:focus,
.collapsible-sticky-footer-trigger .region--dark-background.mt-button:focus {
  color: #ffffff;
  border-color: transparent;
}
.collapsible-sticky-footer-trigger .mt-button:focus {
  outline: 0px solid transparent;
}
.collapsible-sticky-footer-trigger .region--bright-background.mt-button {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}
.collapsible-sticky-footer-trigger .region--default-background.mt-button {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}
.collapsible-sticky-footer-trigger .region--tint-background.mt-button {
  background-color: #f1f1f1;
  border-bottom-color: #f1f1f1;
}
.collapsible-sticky-footer-trigger .region--shade-background.mt-button {
  background-color: var(--mt-body-color);
  border-bottom-color: var(--mt-body-color);
}
.collapsible-sticky-footer-trigger .region--dark-background.mt-button {
  background-color: #000000;
  border-bottom-color: #000000;
}
.collapsible-sticky-footer-trigger .mt-button.collapsed .collapsible-sticky-footer__collapse-icon {
  display: inline-block;
}
.collapsible-sticky-footer-trigger .mt-button.collapsed .collapsible-sticky-footer__expand-icon {
  display: none;
}
.collapsible-sticky-footer-trigger .mt-button .collapsible-sticky-footer__expand-icon {
  display: inline-block;
}
.collapsible-sticky-footer-trigger .mt-button .collapsible-sticky-footer__collapse-icon {
  display: none;
}