/*  Universal placeholder for implementing page container on an element  */
@media (min-width: 992px) {
  .passingphase-card {
    overflow: hidden; }
    .passingphase-card:hover img {
      transition: all 0.3s;
      -webkit-transform: scale(1.05);
      transform: scale(1.05); } }

.passingphase-card .col {
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 992px) {
    .passingphase-card .col {
      max-height: 400px; } }

.passingphase-card .card-image img {
  width: 100%;
  display: block; }
  @media (min-width: 992px) {
    .passingphase-card .card-image img {
      max-height: 400px;
      transition: all 0.3s; } }
  @media (max-width: 991px) {
    .passingphase-card .card-image img {
      height: 300px;
      max-width: none;
      width: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 4; } }

@media (max-width: 991px) {
  .passingphase-card .card-image .inner {
    height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative; } }

@media (max-width: 768px) {
  .passingphase-card .card-image .inner {
    height: 220px; } }

@media (min-width: 992px) {
  .passingphase-card .last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
        order: 1; } }

@media (min-width: 992px) {
  .passingphase-card .first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
        order: -1; } }

.passingphase-card .card-content {
  position: relative;
  padding: 28px 15px 28px;
  text-align: left;
  background: #fff; }
  .passingphase-card .card-content.bg-white small {
    color: #36A8FC; }
  .passingphase-card .card-content.bg-grey-light small {
    color: #36A8FC; }
  .passingphase-card .card-content.last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .passingphase-card .card-content.bg-blue-extra-grey, .passingphase-card .card-content.bg-blue {
    color: #fff; }
  .passingphase-card .card-content .inner {
    height: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  @media (min-width: 992px) {
    .passingphase-card .card-content {
      padding-left: 30px;
      padding-right: 35px; } }
  @media (min-width: 992px) {
    .passingphase-card .card-content .inner {
      padding: 14px 0 13px 17px; } }
  .passingphase-card .card-content h2 {
    margin-bottom: 15px;
    font-size: 19px;
    line-height: 19px;
    max-width: 100%;
    font-family: 'MuseoSans500'; }
  .passingphase-card .card-content p {
    font-size: 15px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
    .passingphase-card .card-content p:last-child {
      margin: 0; }
  .passingphase-card .card-content small {
    position: absolute;
    top: 30px;
    left: 26px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'MuseoSans500'; }
    @media (min-width: 992px) {
      .passingphase-card .card-content small {
        top: 33px;
        left: 30px; } }

.page-node-196 .passingphase-card .card-image {
  background: #407ec9; }

.page-node-110 .passingphase-card .card-image,
.page-node-113 .passingphase-card .card-image {
  background: #7D55C7; }

/*# sourceMappingURL=card.css.map */