/* COLORS */
.green, .color--green {
  color: #1ce180;
}

.color--alt_green {
  color: #1CDA80;
}

.red, .color--red {
  color: #e2053f;
}

.orange, .color--orange {
  color: #FFA147;
}

.purple, .color--purple {
  color: #8567FF;
}

.blue, .color--blue {
  color: #2a3e4a;
}

.lightblue, .color--lightblue {
  color: #00c4ff;
}

.color--coolgray {
  color: #7C889C;
}

.color--darkgray {
  color: #505050;
}

.gray, .color--gray {
  color: #ADAEB1;
}

.lightgray, .color--lightgray {
  color: #E6E8EE;
}

.lightestgray, .color--lightestgray {
  color: #F3F3F5;
}

.white, .color--white {
  color: #ffffff;
}

.color--black {
  color: #000000;
}

.bg-green, .bg--green {
  background-color: #1ce180;
}

.bg--alt_green {
  background-color: #1CDA80;
}

.bg-blue, .bg--blue {
  background-color: #2a3e4a;
}

.bg--black {
  background-color: #000000;
}

.bg--darkgray {
  background-color: #505050;
}

.bg-gray, .bg--gray {
  background-color: #ADAEB1;
}

.bg-lightgray, .bg--lightgray {
  background-color: #E6E8EE;
}

.bg-lightestgray, .bg--lightestgray {
  background-color: #F3F3F5;
}

body {
  background: #f3f3f5;
}

.dashboard-nav {
  margin-top: -14rem;
  padding-bottom: 3rem;
}
@media (max-width: 767px) {
  .dashboard-nav {
    margin-top: 4rem;
  }
}
.dashboard-nav .col3 {
  justify-content: flex-start;
  flex-direction: column;
}
@media (min-width: 641px) {
  .dashboard-nav .col3 {
    flex-direction: row;
  }
}
.dashboard-nav .column {
  width: auto;
}
@media (min-width: 641px) {
  .dashboard-nav .column {
    padding-right: 3rem;
  }
}
.dashboard-nav button {
  width: 100%;
}
@media (min-width: 641px) {
  .dashboard-nav button {
    width: auto;
  }
}
.dashboard-nav button.active {
  background-color: #2a3e4a;
  color: #ffffff;
}

.tableauPlaceholder {
  margin: 0 auto;
}

.mast.vertical-padding-large {
  padding-bottom: 8rem;
}
@media (min-width: 641px) {
  .mast.vertical-padding-large {
    padding-bottom: 18rem;
  }
}
@media (max-width: 767px) {
  .mast {
    padding-top: 14rem;
    padding-bottom: 27rem;
  }
}
.mast [data-block-name=video_background] {
  mix-blend-mode: multiply;
  opacity: 0.1;
  transition: 0.2s ease-in-out;
}
.mast [data-block-name=video_background].hide {
  opacity: 0;
}
.mast .copy {
  max-width: 400px;
  margin-top: 1rem;
}
.mast .copy p {
  color: #2a3e4a;
  font-size: 1.8rem;
  line-height: 1.33;
}
.mast .mast-heading {
  padding-bottom: 4rem;
}
.mast .about-this-tool .label {
  color: #2a3e4a;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.mast .about-this-tool .label::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #2a3e4a transparent transparent transparent;
  margin-left: 6px;
  position: relative;
  top: 1px;
  transition: 0.25s ease-in-out;
}
.mast .about-this-tool .copy {
  max-height: 0px;
  overflow: hidden;
  max-width: 768px;
  transition: 0.5s ease-in-out;
  display: none;
}
.mast .about-this-tool .copy ul {
  margin-top: 0;
}
.mast .about-this-tool .copy ul li {
  font-weight: 400;
  color: #2a3e4a;
  font-size: 1.8rem;
  line-height: 1.33;
}
.mast .about-this-tool .copy.active {
  display: block;
}
.mast .about-this-tool .copy p:not(:last-child) {
  margin-bottom: 1.5em;
}
.mast .about-this-tool.active .copy {
  max-height: 1000px;
  padding-bottom: 2rem;
}
.mast .about-this-tool.active .label::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.tableau-container {
  padding-bottom: 10rem;
}
.tableau-container .container {
  background-color: #fff;
}

.offscreen {
  position: absolute;
  left: -5000px;
}