/* css/promos.css for Priority Management
   styles for promotion boxes */

ul.promos {
  border-bottom: 1px solid #e1e1e1;
  padding: 18px 18px 0;
  }
ul.promos li {
  margin: 0 8px 8px 0;
  }
ul.promos li.last {
  margin-right: 0;
  }
  
.promo {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  -moz-border-radius: 2px;
  height: 178px;
  padding: 18px 10px;
  width: 219px;
  }
.promo h3 {
  color: #000;
  font-family: 'priorityseriflightmedium', serif;
  font-size: 23px;
  font-weight: normal;
  line-height: 1.1em;
  margin: 0 0 6px 0;
  }
.promo h3 .learning-link {
  background-image: url(/_/img/hdrs.png);
  background-position: -220px 0;
  height: 37px;
  width: 183px;
  }
.promo h3 .working-smart h3 {
  background-image: url(/_/img/hdrs.png);
  background-position: 0 0;
  height: 37px;
  width: 214px;
  }
.promo h3 a {
  color: #000;
  }
.promo p {
  color: #555;
  font-family: 'prioritysanslight', sans-serif;
  font-size: 18px;
  line-height: 1.2em;
  }
.promo a.find-out-more {
  font-family: 'prioritysanssemibold', sans-serif;
  }
span.play-video {
	display:inline-block;
   width: 27px; height: 17px;
   padding-left:0px;
   background-image: url(/_/img/play-button.png);
   background-repeat: no-repeat;
}

/* 786px < width < 1024px */
@media screen and (min-width : 768px) and (max-width : 1043px) {
  ul.promos {
    margin: 0 15px;
    padding: 10px 0 0;
    }
  .promo {
    height: 140px;
    padding: 12px 10px;
    width: 160px;
    }
  .promo h3 {
    font-size: 17px;
    }
  .promo h3 .learning-link {
    background-position: -220px -40px;
    height: 25px;
    width: 137px;
    }
  .promo h3 .working-smart {
    background-position: 0 -39px;
    height: 28px;
    width: 158px;
    }
  .promo p {
    font-size: 14px;
    }
}

/* width < 786px */
@media screen and (max-width : 767px) {
  ul.promos {
    margin-left: 8px;
    padding: 17px 0 10px 0;
    }
  .promo {
    height: 165px;
    padding: 15px;
    width: 178px;
    }
  .promo h3 {
    font-size: 20px;
    }
  .promo h3 .learning-link {
    background-position: -220px -70px;
    height: 30px;
    width: 166px;
    }
  .promo h3 .working-smart {
    background-position: 0 -67px;
    height: 35px;
    width: 188px;
    }
  .promo p {
    font-size: 16px;
    }
}