/**
*** banners
**/
.banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner--center-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.banner--left-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .banner--left-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.banner--right-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .banner--right-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.banner--aspect-2-1, .banner--tall {
  height: calc(100vw * (1 / 2));
}
.banner--aspect-3-2 {
  height: calc(100vw * (2 / 3));
}
.banner--aspect-4-3, .banner--xxtall {
  height: calc(100vw * (3 / 4));
}
.banner--aspect-16-9, .banner--xtall {
  height: calc(100vw * (9 / 16));
}
.banner--aspect-21-9, .banner--medium {
  height: calc(100vw * (9 / 21));
}
.banner--aspect-4-1, .banner--short {
  height: calc(100vw * (1 / 4));
}

/**
*** featured content
**/
.featured-content {
  max-width: 850px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5em 1em;
}
.featured-content__title {
  color: #FFF !important;
  font-family: "tradegothicltstd-boldext", sans-serif !important;
  font-size: 50px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .featured-content__title {
    font-size: 5vmin !important;
  }
}
@media only screen and (max-width: 480px) {
  .featured-content__title {
    font-size: 50px !important;
  }
}
.featured-content__subtitle {
  color: #FFF !important;
  font-size: 2em !important;
  margin: 0 0 1em 0 !important;
}
@media only screen and (max-width: 480px) {
  .featured-content__subtitle {
    font-size: 1.5em !important;
  }
}
.featured-content__copy {
  color: #FFF !important;
}
.featured-content--gray__title, .featured-content--gray__subtitle, .featured-content--gray__copy {
  color: #575047;
}

/**
color-background-box
**/
.color-background-box {
  width: 70%;
  max-width: 1500px;
  margin: 4em 0;
  padding: 4em;
}
@media only screen and (max-width: 768px) {
  .color-background-box {
    width: 90%;
    padding: 2em;
    margin: 2em 0;
  }
}

/**
*** text box
**/
.text-box.-white .text-box__title {
  color: #FFF;
  margin-bottom: 20px !important;
}
.text-box.-white .text-box__text {
  color: #FFF;
}
.text-box.-gray .text-box__title {
  color: #575047;
  margin-bottom: 20px !important;
}
.text-box.-gray .text-box__text {
  color: #575047;
}

/**
*** page-title-bar
**/
.page-title-bar {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  box-shadow: inset 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 1.5em;
}
.page-title-bar__icon .vector {
  display: none;
  opacity: 0.2;
  width: 150px;
}
@media only screen and (min-width: 1025px) {
  .page-title-bar__icon .vector {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .page-title-bar__text-box {
    border-left: 1px solid #dddede;
  }
}

/**
*** feature-box
**/
.feature-box {
  margin-bottom: 2rem;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.feature-box__header-image__image {
  width: 100%;
}
.feature-box__header-image__image:hover {
  opacity: 0.8;
}
.feature-box__title {
  background-color: #492365;
  padding: 10px;
  color: #fafafa !important;
  margin: 0;
  font-size: 1.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.feature-box__content {
  padding: 1.5em;
}
.feature-box__button {
  background-color: #492365;
  align-self: center;
}
.feature-box.-shadow {
  box-shadow: 0 0 10px 2px #ccc;
}
@media screen and (min-resolution: 192dpi) {
  .feature-box.-shadow {
    box-shadow: 0 0 10px 2px #eee;
  }
}
.feature-box--no-header .feature-box__header-image {
  display: none;
}
.feature-box--no-content .feature-box__content, .feature-box--no-content .feature-box__button {
  display: none;
}

/** feature box themes **/
.feature-box.-cos-theme .feature-box__title {
  background-color: #f6b221;
}
.feature-box.-cos-theme .feature-box__button {
  background-color: #f6b221;
}
.feature-box.-cos-theme .feature-box__button:hover {
  background-color: #f8c352;
}
.feature-box.-csbs-theme .feature-box__title {
  background-color: #005f71;
}
.feature-box.-csbs-theme .feature-box__button {
  background-color: #005f71;
}
.feature-box.-csbs-theme .feature-box__button:hover {
  background-color: #008aa4;
}
.feature-box.-dumke-theme .feature-box__title {
  background-color: #099844;
}
.feature-box.-dumke-theme .feature-box__button {
  background-color: #099844;
}
.feature-box.-dumke-theme .feature-box__button:hover {
  background-color: #0cc85a;
}
.feature-box.-east-theme .feature-box__title {
  background-color: #d25d12;
}
.feature-box.-east-theme .feature-box__button {
  background-color: #d25d12;
}
.feature-box.-east-theme .feature-box__button:hover {
  background-color: #ed762a;
}
.feature-box.-godd-theme .feature-box__title {
  background-color: #483627;
}
.feature-box.-godd-theme .feature-box__button {
  background-color: #483627;
}
.feature-box.-godd-theme .feature-box__button:hover {
  background-color: #694f39;
}
.feature-box.-hlcolor-theme .feature-box__title {
  background-color: #8446ac;
}
.feature-box.-hlcolor-theme .feature-box__button {
  background-color: #8446ac;
}
.feature-box.-hlcolor-theme .feature-box__button:hover {
  background-color: #9c65c0;
}
.feature-box.-lind-theme .feature-box__title {
  background-color: #25cad3;
}
.feature-box.-lind-theme .feature-box__button {
  background-color: #25cad3;
}
.feature-box.-lind-theme .feature-box__button:hover {
  background-color: #4bd8e0;
}
.feature-box.-mauve-theme .feature-box__title {
  background-color: #691940;
}
.feature-box.-mauve-theme .feature-box__button {
  background-color: #691940;
}
.feature-box.-mauve-theme .feature-box__button:hover {
  background-color: #922359;
}
.feature-box.-moyes-theme .feature-box__title {
  background-color: #a3d55d;
}
.feature-box.-moyes-theme .feature-box__button {
  background-color: #a3d55d;
}
.feature-box.-moyes-theme .feature-box__button:hover {
  background-color: #bae086;
}
.feature-box.-unigray-theme .feature-box__title {
  background-color: #575047;
}
.feature-box.-unigray-theme .feature-box__button {
  background-color: #575047;
}
.feature-box.-unigray-theme .feature-box__button:hover {
  background-color: #736a5e;
}
.feature-box.-wcpurp-theme .feature-box__title {
  background-color: #492365;
}
.feature-box.-wcpurp-theme .feature-box__button {
  background-color: #492365;
}
.feature-box.-wcpurp-theme .feature-box__button:hover {
  background-color: #64308b;
}
.feature-box.-wsumauve-theme .feature-box__title {
  background-color: #691940;
}
.feature-box.-wsumauve-theme .feature-box__button {
  background-color: #691940;
}
.feature-box.-wsumauve-theme .feature-box__button:hover {
  background-color: #922359;
}
.feature-box.-wsubrown-theme .feature-box__title {
  background-color: #84471e;
}
.feature-box.-wsubrown-theme .feature-box__button {
  background-color: #84471e;
}
.feature-box.-wsubrown-theme .feature-box__button:hover {
  background-color: #ae5d27;
}
.feature-box.-wsured-theme .feature-box__title {
  background-color: #a52428;
}
.feature-box.-wsured-theme .feature-box__button {
  background-color: #a52428;
}
.feature-box.-wsured-theme .feature-box__button:hover {
  background-color: #cf2d32;
}
.feature-box.-wsublue-theme .feature-box__title {
  background-color: #346094;
}
.feature-box.-wsublue-theme .feature-box__button {
  background-color: #346094;
}
.feature-box.-wsublue-theme .feature-box__button:hover {
  background-color: #4178ba;
}
.feature-box.-wsugreen-theme .feature-box__title {
  background-color: #005c49;
}
.feature-box.-wsugreen-theme .feature-box__button {
  background-color: #005c49;
}
.feature-box.-wsugreen-theme .feature-box__button:hover {
  background-color: #008f71;
}
.feature-box.-wsuwhite-theme .feature-box__title {
  background-color: white;
}
.feature-box.-wsuwhite-theme .feature-box__button {
  background-color: white;
}
.feature-box.-wsuwhite-theme .feature-box__button:hover {
  background-color: white;
}

/**
*** page-title-space
**/
.page-title-space {
  padding: 25px 0 35px;
}
.page-title-space__text {
  text-align: center;
  font-size: 1.3em;
}
@media only screen and (max-width: 640px) {
  .page-title-space__text {
    font-size: 1.1em;
  }
}

/**
*** align content within container
**/
.-center-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.-left-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .-left-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

.-right-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .-right-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

.-shadow {
  box-shadow: 0 0 10px 2px #ccc;
}
@media screen and (min-resolution: 192dpi) {
  .-shadow {
    box-shadow: 0 0 10px 2px #eee;
  }
}

.-is-hidden {
  display: none;
}

/*# sourceMappingURL=ui-mod-base.css.map */