.text-cneeds {
  color: #d10117 !important;
}
.bg-cneeds {
  background-color: #d10117;
  color: #fff;
}
.bg-cneeds a,
.bg-cneeds h2,
.bg-cneeds h3,
.bg-cneeds h4,
.bg-cneeds h5 {
  color: #fff;
}
.border-cneeds {
  border-color: #d10117 !important;
}
a.button.bg-cneeds:hover,
a.button.bg-cneeds:focus {
  background-color: #85010f;
}
.text-cneeds-lt {
  color: #ffeaea !important;
}
.bg-cneeds-lt {
  background-color: #ffeaea;
  color: #000;
}
.bg-cneeds-lt a {
  color: #d10117;
}
a.button.cneeds-lt:hover,
a.button.cneeds-lt:focus,
a.button.bg-cneeds-lt:hover,
a.button.bg-cneeds-lt:focus {
  background-color: #ffdbdb;
}
.text-cwell {
  color: #cc4a13 !important;
}
.bg-cwell {
  background-color: #cc4a13;
  color: #fff;
}
.bg-cwell a,
.bg-cwell h2,
.bg-cwell h3,
.bg-cwell h4,
.bg-cwell h5 {
  color: #fff;
}
.border-cwell {
  border-color: #cc4a13 !important;
}
a.button.bg-cwell:hover,
a.button.bg-cwell:focus {
  background-color: #86310c;
}
.text-cwell-lt {
  color: #fcf0df !important;
}
.bg-cwell-lt {
  background-color: #fcf0df;
  color: #000;
}
.bg-cwell-lt a {
  color: #cc4a13;
}
a.button.cwell-lt:hover,
a.button.cwell-lt:focus,
a.button.bg-cwell-lt:hover,
a.button.bg-cwell-lt:focus {
  background-color: #fbe9d1;
}
.text-cspecial {
  color: #0d674e !important;
}
.bg-cspecial {
  background-color: #0d674e;
  color: #fff;
}
.bg-cspecial a,
.bg-cspecial h2,
.bg-cspecial h3,
.bg-cspecial h4,
.bg-cspecial h5 {
  color: #fff;
}
.border-cspecial {
  border-color: #0d674e !important;
}
a.button.bg-cspecial:hover,
a.button.bg-cspecial:focus {
  background-color: #04231b;
}
.text-cspecial-lt {
  color: #f2f7e9 !important;
}
.bg-cspecial-lt {
  background-color: #f2f7e9;
  color: #000;
}
.bg-cspecial-lt a {
  color: #0d674e;
}
a.button.cspecial-lt:hover,
a.button.cspecial-lt:focus,
a.button.bg-cspecial-lt:hover,
a.button.bg-cspecial-lt:focus {
  background-color: #ebf3de;
}
.text-cstudy {
  color: #003385 !important;
}
.bg-cstudy {
  background-color: #003385;
  color: #fff;
}
.bg-cstudy a,
.bg-cstudy h2,
.bg-cstudy h3,
.bg-cstudy h4,
.bg-cstudy h5 {
  color: #fff;
}
.border-cstudy {
  border-color: #003385 !important;
}
a.button.bg-cstudy:hover,
a.button.bg-cstudy:focus {
  background-color: #001639;
}
.text-cstudy-lt {
  color: #e9f2ff !important;
}
.bg-cstudy-lt {
  background-color: #e9f2ff;
  color: #000;
}
.bg-cstudy-lt a {
  color: #003385;
}
a.button.cstudy-lt:hover,
a.button.cstudy-lt:focus,
a.button.bg-cstudy-lt:hover,
a.button.bg-cstudy-lt:focus {
  background-color: #dae9ff;
}
.text-creg {
  color: #2a3e58 !important;
}
.bg-creg {
  background-color: #2a3e58;
  color: #fff;
}
.bg-creg a,
.bg-creg h2,
.bg-creg h3,
.bg-creg h4,
.bg-creg h5 {
  color: #fff;
}
.border-creg {
  border-color: #2a3e58 !important;
}
a.button.bg-creg:hover,
a.button.bg-creg:focus {
  background-color: #111a24;
}
.text-creg-lt {
  color: #eaf5fd !important;
}
.bg-creg-lt {
  background-color: #eaf5fd;
  color: #000;
}
.bg-creg-lt a {
  color: #2a3e58;
}
a.button.creg-lt:hover,
a.button.creg-lt:focus,
a.button.bg-creg-lt:hover,
a.button.bg-creg-lt:focus {
  background-color: #dceefc;
}
.text-clife {
  color: #8b0962 !important;
}
.bg-clife {
  background-color: #8b0962;
  color: #fff;
}
.bg-clife a,
.bg-clife h2,
.bg-clife h3,
.bg-clife h4,
.bg-clife h5 {
  color: #fff;
}
.border-clife {
  border-color: #8b0962 !important;
}
a.button.bg-clife:hover,
a.button.bg-clife:focus {
  background-color: #43042f;
}
.text-clife-lt {
  color: #f4e7fc !important;
}
.bg-clife-lt {
  background-color: #f4e7fc;
  color: #000;
}
.bg-clife-lt a {
  color: #8b0962;
}
a.button.clife-lt:hover,
a.button.clife-lt:focus,
a.button.bg-clife-lt:hover,
a.button.bg-clife-lt:focus {
  background-color: #eed9fa;
}

.story-container {
  margin-bottom: 15px;
  overflow: auto;
  min-height: 110px;
  border-left-width: 8px;
  border-left-style: solid;
  border-radius: 4px;
}
.story-contact {
  padding: 20px !important;
  text-align: center;
  margin: 0 auto;
}
.story-contact-inner {
  padding: 0px !important;
}
@media screen and (min-width: 1200px) {
  .story-container {
    display: flex;
  }
  .story-text {
    margin-left: 170px;
    margin-left: 0;
    padding: 28px 20px 20px 0 !important;
  }
  .story-contact {
    padding: 0px !important;
  }
  .story-contact-inner {
    padding: 20px 14px !important;
  }
}
.story-summary-home * {
  font-size: 1em !important;
}
.story-thumb img {
  display: block;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  border-width: 4px;
  border-style: solid;
}
.story-thumb-home {
  float: left;
}
.story-title h2 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 1.25rem;
}
.story-title h3 {
  margin-top: 5px !important;
  margin-bottom: 0px !important;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 0 0 4px 0;
}
.story-title h2 {
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 5px !important;
}
.story-job {
  font-size: 1rem;
  font-weight: bold;
}
.program-tag-wrap,
.program-contact-listitem {
  text-align: center;
}
.service-contact-ul-wrap {
  margin-left: 1.5rem !important;
}
.story-summary {
  padding-top: 3px;
}
a.stusrv-contact-btn {
  font-size: 0.75em !important;
  text-transform: uppercase;
  margin: 0;
  display: block;
  border-radius: 0;
  bottom: 0;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  a.stusrv-contact-btn {
    position: absolute;
  }
  .program-tag-wrap,
  .program-contact-listitem {
    text-align: left;
  }
}

@media screen and (max-width: 1200px) {
  .service-contact-ul-wrap {
    margin-left: 0 !important;
  }
  .story-summary {
    padding-top: 8px;
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 768px) {
  .story-title,
  .story-summary,
  .story-job,
  .resource-tag-row {
    text-align: center;
  }
  .program-tag {
    margin: 10px 3px 0 3px !important;
    font-size: 1rem !important;
  } /* negate 'small' font class on sm/xs */
}

.story-container {
  padding: 0px;
}

.bg-experience-row-striped .story-container {
  background-color: #f7f3e8;
  color: #111;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bg-experience-row .story-container {
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.story-thumb {
  padding: 20px 30px !important;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.story-thumb img {
  max-width: 160px !important;
  border-radius: 50%; /* not needed once module CSS .story-thumb is fixed */
  margin: 0 auto;
}

@media screen and (max-width: 576px) {
  .story-thumb img {
    max-width: 100px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1549px) {
  .story-thumb img {
    width: 100%;
  }
}
@media screen and (min-width: 1550px) and (max-width: 1879px) {
  .story-thumb img {
    width: 90%;
  }
}
@media screen and (min-width: 1880px) {
  .story-thumb img {
    width: 85%;
  }
}
/*
@media screen and (min-width: 992px) { #schoolExperienceRow .story-thumb img { width: 75%; }}  override for smaller images on School page/wider output */

.story-summary p {
  margin: 0 0 0.5rem;
}
.category-tag {
  padding: 3px 10px;
  display: inline-block;
  color: #333333;
  border-radius: 6px;
  margin: 7px 8px 8px 0;
  font-weight: 600;
  /*text-shadow: 1px 1px 4px rgba(0,0,0,0.5);*/
}

.big-category-tag {
  padding: 6px 14px;
  display: inline-block;
  color: #333333;
  background: #fff;
  border-radius: 4px;
  margin: 4px 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.825em;
  border-width: 2px;
  border-style: solid;
}

a.category-tag-link span:hover {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.0825rem #fff, 0 0 0.0625rem 0.225rem #4d90fe;
  box-shadow: 0 0 0 0.0825rem #fff, 0 0 0.0625rem 0.225rem #4d90fe;
}