.box-shadow, .standard-promo .bg {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.standard-promo.magenta .bg {
  border-color: #d10074;
}
.standard-promo.magenta h2,
.standard-promo.magenta h3 {
  color: #d10074;
}
.standard-promo.bg-magenta .content {
  background-color: #d10074;
}
.standard-promo.indigo .bg {
  border-color: #21076a;
}
.standard-promo.indigo h2,
.standard-promo.indigo h3 {
  color: #21076a;
}
.standard-promo.bg-indigo .content {
  background-color: #21076a;
}
.standard-promo.cyan .bg {
  border-color: #017ac1;
}
.standard-promo.cyan h2,
.standard-promo.cyan h3 {
  color: #017ac1;
}
.standard-promo.bg-cyan .content {
  background-color: #017ac1;
}
.standard-promo.mint .bg {
  border-color: #00818a;
}
.standard-promo.mint h2,
.standard-promo.mint h3 {
  color: #00818a;
}
.standard-promo.bg-mint .content {
  background-color: #00818a;
}
.standard-promo.mango .bg {
  border-color: #f4a11e;
}
.standard-promo.mango h2,
.standard-promo.mango h3 {
  color: #f4a11e;
}
.standard-promo.bg-mango .content {
  background-color: #f4a11e;
}
.standard-promo.heather .bg {
  border-color: #dfdbe0;
}
.standard-promo.heather h2,
.standard-promo.heather h3 {
  color: #dfdbe0;
}
.standard-promo.bg-heather .content {
  background-color: #dfdbe0;
}
.standard-promo.dove .bg {
  border-color: #dcdcdc;
}
.standard-promo.dove h2,
.standard-promo.dove h3 {
  color: #dcdcdc;
}
.standard-promo.bg-dove .content {
  background-color: #dcdcdc;
}
.standard-promo.violet .bg {
  border-color: #712c6f;
}
.standard-promo.violet h2,
.standard-promo.violet h3 {
  color: #712c6f;
}
.standard-promo.bg-violet .content {
  background-color: #712c6f;
}
.standard-promo.slate .bg {
  border-color: #272727;
}
.standard-promo.slate h2,
.standard-promo.slate h3 {
  color: #272727;
}
.standard-promo.bg-slate .content {
  background-color: #272727;
}
.standard-promo.grey .bg {
  border-color: #757575;
}
.standard-promo.grey h2,
.standard-promo.grey h3 {
  color: #757575;
}
.standard-promo.bg-grey .content {
  background-color: #757575;
}
.standard-promo.midgrey .bg {
  border-color: #efefef;
}
.standard-promo.midgrey h2,
.standard-promo.midgrey h3 {
  color: #efefef;
}
.standard-promo.bg-midgrey .content {
  background-color: #efefef;
}
.standard-promo.white .bg {
  border-color: #fff;
}
.standard-promo.white h2,
.standard-promo.white h3 {
  color: #fff;
}
.standard-promo.bg-white .content {
  background-color: #fff;
}
.standard-promo .promo {
  flex-basis: 100%;
  transition: all 0.4s ease;
}
.standard-promo .promo:hover {
  transform: translateY(-4px);
}
@media screen and (max-width: 767px) {
  .standard-promo .promo ~ .promo {
    margin-top: 1.5rem;
  }
}
.standard-promo .promo:link, .standard-promo .promo:visited {
  color: #222;
}
.standard-promo .promo:hover, .standard-promo .promo:focus {
  text-decoration: none;
}
.standard-promo .promo p:last-child {
  margin-bottom: 0;
}
.standard-promo .promo .content {
  padding: 0.6rem 0.75rem;
}
.standard-promo .promo.out-schedule {
  display: none;
}
.standard-promo h2,
.standard-promo h3 {
  font-size: 1.25em;
}
.standard-promo h2 span[class*=fa-],
.standard-promo h3 span[class*=fa-] {
  vertical-align: bottom;
}
.standard-promo .bg {
  height: 100%;
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;
}
.standard-promo .image {
  background-position: 50% 50%;
  background-size: cover;
}
.standard-promo .image > div {
  padding-bottom: 50%;
}

.role-administrator .standard-promo .promo.out-schedule,
.role-author .standard-promo .promo.out-schedule,
.role-contributor .standard-promo .promo.out-schedule,
.role-editor .standard-promo .promo.out-schedule {
  display: block;
  border: solid 3px red;
}
.role-administrator .standard-promo .promo.out-schedule.future::before,
.role-author .standard-promo .promo.out-schedule.future::before,
.role-contributor .standard-promo .promo.out-schedule.future::before,
.role-editor .standard-promo .promo.out-schedule.future::before {
  content: "This post is outside of schedule (future).";
  display: block;
  color: #fff;
  background: red;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 4px;
}
.role-administrator .standard-promo .promo.out-schedule.past::before,
.role-author .standard-promo .promo.out-schedule.past::before,
.role-contributor .standard-promo .promo.out-schedule.past::before,
.role-editor .standard-promo .promo.out-schedule.past::before {
  content: "This post is outside of schedule (past).";
  display: block;
  color: #fff;
  background: red;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 4px;
}