/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .image-boxes .card {
    display: block; } }

.image-boxes:not(.image-grid) {
  /* - - styles for user-defined promo boxes - - */
  /* - - no-border utility class to remove borders  - -*/ }
  .image-boxes:not(.image-grid) .promo-boxes {
    margin-bottom: 1rem; }
    .image-boxes:not(.image-grid) .promo-boxes .card {
      border: 0; }
      .image-boxes:not(.image-grid) .promo-boxes .card:hover {
        background-color: #e9ecef; }
    .image-boxes:not(.image-grid) .promo-boxes .card-body {
      padding: 1rem .5rem;
      text-align: center; }
    .image-boxes:not(.image-grid) .promo-boxes .card-title {
      font-size: 1.25rem;
      font-weight: 400;
      margin-bottom: 0; }
    .image-boxes:not(.image-grid) .promo-boxes .featured-image {
      opacity: 1;
      border-bottom: 10px solid transparent;
      margin-bottom: -10px; }
      .image-boxes:not(.image-grid) .promo-boxes .featured-image:hover {
        opacity: .8;
        border-bottom: 10px solid #59C3C3;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
        transition: border-color .25s ease-in-out;
        -moz-transition: border-color .25s ease-in-out;
        -webkit-transition: border-color .25s ease-in-out; }
  .image-boxes:not(.image-grid) .image-boxes .no-border .card {
    border: 0; }

/* - - 50% centered image / no border utility class - - */
/* - - no-border utility class to remove borders  - -*/
.image-boxes:not(.image-grid) .image-boxes-half-image .card {
  border: 0; }

.image-boxes:not(.image-grid) .image-boxes-half-image .featured-image {
  width: 50%;
  align-self: center; }

/* - - theming for Cornerstone 1.0 pages - - */
#container .image-boxes:not(.image-grid) .card-title a, #container .image-boxes:not(.image-grid) .card-body > p:first-of-type a {
  color: #333;
  text-decoration: none;
  transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  #container .image-boxes:not(.image-grid) .card-title a:hover, #container .image-boxes:not(.image-grid) .card-body > p:first-of-type a:hover {
    color: #CC0035; }

/* - - theming for Cornerstone 2.0 pages - - */
#smu-main .image-boxes:not(.image-grid) .no-border {
  padding-top: 4rem;
  padding-bottom: 2rem; }
  #smu-main .image-boxes:not(.image-grid) .no-border .card {
    border: 0;
    border-radius: 0; }
  #smu-main .image-boxes:not(.image-grid) .no-border img {
    border-radius: 0; }
  #smu-main .image-boxes:not(.image-grid) .no-border .card-body {
    padding: 1.25rem 0 0 !important; }

@media screen and (min-width: 1700px) {
  #smu-main .image-boxes:not(.image-grid) {
    padding-bottom: 180px; } }

@media screen and (min-width: 1200px) and (max-width: 1699.98px) {
  #smu-main .image-boxes:not(.image-grid) {
    padding-bottom: 120px; } }

@media screen and (min-width: 768px) and (max-width: 1199.98px) {
  #smu-main .image-boxes:not(.image-grid) {
    padding-bottom: 90px; } }

@media screen and (max-width: 767.98px) {
  #smu-main .image-boxes:not(.image-grid) {
    padding-bottom: 45px; } }

#smu-main .image-boxes:not(.image-grid).component-pb-0 {
  padding-bottom: 0; }

#smu-main .image-boxes:not(.image-grid) h2.image-box-title {
  font-size: calc(26px + 22*((100vw - 100px)/1900));
  line-height: 1.15; }

#smu-main .image-boxes:not(.image-grid) h3.image-box-title {
  font-size: calc(23px + 11 * ((100vw - 100px) / 1900));
  line-height: 1.15; }

#smu-main .image-boxes:not(.image-grid) h2.card-title, #smu-main .image-boxes:not(.image-grid) h3.card-title, #smu-main .image-boxes:not(.image-grid) h4.card-title {
  font-size: calc(18px + 8 * ((100vw - 100px) / 1900)) !important; }
  @media screen and (max-width: 767.98px) {
    #smu-main .image-boxes:not(.image-grid) h2.card-title, #smu-main .image-boxes:not(.image-grid) h3.card-title, #smu-main .image-boxes:not(.image-grid) h4.card-title {
      font-size: calc(20px + 11 * ((100vw - 100px) / 1900)) !important; } }

#smu-main .image-boxes:not(.image-grid) .card-body > p:first-of-type {
  font-size: calc(17px + 4*((100vw - 100px)/1900));
  letter-spacing: -.025em;
  font-family: "america",sans-serif;
  line-height: 1.6; }

#smu-main .image-boxes:not(.image-grid) .card-title a, #smu-main .image-boxes:not(.image-grid) .card-body > p:first-of-type a {
  color: #333;
  transition: color 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
  text-decoration: none;
  box-shadow: none; }
  #smu-main .image-boxes:not(.image-grid) .card-title a:hover, #smu-main .image-boxes:not(.image-grid) .card-body > p:first-of-type a:hover {
    color: #cc0035;
    box-shadow: none; }

#smu-main .image-boxes:not(.image-grid) .card-body {
  padding: 1.25em 1.25em 0; }

#smu-main .image-boxes:not(.image-grid) .card-footer {
  background: white;
  padding: 0 1.25rem .75rem;
  border-top: 0; }

#smu-main .bg-primary .image-box-title, #smu-main .bg-primary .image-boxes-description, #smu-main .bg-primary .image-boxes-description strong, #smu-main .bg-primary .image-boxes-description a, #smu-main .bg-danger .image-box-title, #smu-main .bg-danger .image-boxes-description, #smu-main .bg-danger .image-boxes-description strong, #smu-main .bg-danger .image-boxes-description a, #smu-main .bg-magenta .image-box-title, #smu-main .bg-magenta .image-boxes-description, #smu-main .bg-magenta .image-boxes-description strong, #smu-main .bg-magenta .image-boxes-description a, #smu-main .bg-dark .image-box-title, #smu-main .bg-dark .image-boxes-description, #smu-main .bg-dark .image-boxes-description strong, #smu-main .bg-dark .image-boxes-description a {
  color: white; }