.promo-boxes {
  background: var(--white);
}

.promo-boxes .component-wrapper {
  padding: 80px 0 80px !important;
}

.promo-boxes h2:not(.promo-box-title) {
  padding-top: 0;
  margin-bottom: 15px;
}

.promo-boxes .subtitle {
  margin-bottom: 26px;
}

.promo-boxes-list {
  list-style: none;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

li.promo-box-item, 
.middle-center li.promo-box-item:last-child {
  margin-bottom: 30px;
}

.mainBody .promo-box {
  display: block;
  background: var(--white);
  padding: 25px 40px 40px 40px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.promo-box .promo-box-title {
  color: var(--cutler);
}

.promo-box-title,
.promo-box p,
.promo-box .field--name-field-body,
.promo-box .field--name-field-link {
  max-width: 700px;
  width: 100%;
}

.promo-box.trillium {
  background-color: var(--trillium);
}

.promo-box.trillium .button.white {
  color:var(--cutler);
  border-color:var(--cutler);
}

.promo-box.sycamore {
  background-color: var(--sycamore);
}

.promo-box.sycamore .button.white {
  color:var(--cutler);
  border-color:var(--cutler);
}

.promo-box.teal {
  background-color: var(--teal);
}

.promo-box.teal .button.white {
  color:var(--cutler);
  border-color:var(--cutler);
}

.promo-box.elms {
  background-color: var(--under-the-elms);
}

.promo-box.elms .promo-box-title,
.promo-box.elms p,
.promo-box.elms li,
.mainBody .middle .promo-box.elms a:not(.button) {
  color: var(--white);
}

.promo-box.marigold {
  background-color: var(--web-marigold);
}

.promo-box.marigold .promo-box-title,
.mainBody .middle .promo-box.marigold a:not(.button) {
  color:var(--under-the-elms);
}

.promo-box.marigold .button.green {
  background-color:var(--under-the-elms);
  border-color:var(--under-the-elms);
}

.promo-box.marigold .button.green:hover {
  background-color:var(--white);
  color:var(--under-the-elms);
}

.promo-box.marigold .button.white {
  border-color:var(--under-the-elms);
  color:var(--under-the-elms);
}

#ouws_content .mainBody #middle .promo-box.marigold .button.white:hover {
  background-color:var(--white);
  color:var(--under-the-elms) !important;
  border-color:var(--under-the-elms);
}

#ouws_content .mainBody #middle .promo-box.marigold .button.white:focus {
  color:var(--under-the-elms) !important;
}

#ouws_content .mainBody #middle .promo-box.marigold .button.white:focus:after {
  color:var(--under-the-elms) !important;
}

.promo-box .field--name-field-body {
  margin-bottom: 20px;
}