/* PROMO BOXES */

/**
 * Reset Link Styles
 */
 .visc-hover-promo:hover,
 .visc-hover-promo:focus {
     opacity: 1;
     text-decoration: none;
 }
 
 /**
  * Global Promo Styles
  */
 .visc-hover-promo,
 .visc-hover-promo__background,
 .visc-hover-promo__content,
 .visc-hover-promo__heading,
 .visc-hover-promo__sub-heading {
     backface-visibility: hidden;
     transform: translate3d(0, 0, 0);
     -webkit-backface-visibility: hidden;
 }
 .visc-hover-promo {
     position: relative;
     display: block;
     /* max-height: 450px; */
     text-align: center;
     background-size: cover;
     background-position: center;
     background-color: rgba(128, 128, 128, 0.3); /* Transparency for IE9 */
     -webkit-transition: background ease .5s;
     -o-transition: background ease .5s;
     transition: background ease .5s;
     opacity: 1;
     overflow: hidden;
 }
 .visc-hover-promo:before {
     display: block;
     content: "";
     width: 100%;
     /* padding-top: 100%; */
     -webkit-transition: background ease .5s;
     -o-transition: background ease .5s;
     transition: background .5s ease;
 }
 
 /* Aspect ratios */
 /* .visc-hover-promo.promo-ratio-3-2:before {
     padding-top: 66.6667%;
 }
 .visc-hover-promo.promo-ratio-2-3:before {
     padding-top: 150%;
 }
 .visc-hover-promo.promo-ratio-4-3:before {
     padding-top: 75%;
 }
 .visc-hover-promo.promo-ratio-3-4:before {
     padding-top: 133.3333%;
 }
 .visc-hover-promo.promo-ratio-16-9:before {
     padding-top: 56.25%;
 }
 .visc-hover-promo.promo-ratio-21-9:before {
    padding-top: 42.85%;
}
 .visc-hover-promo.promo-ratio-9-16:before {
     padding-top: 177.7778%;
 } */

 @media screen and (min-width: 768px) {
 .visc-hover-promo-layout-default.promo-ratio-3-2 {
     aspect-ratio: 3 / 2;
 }
 .visc-hover-promo-layout-default.promo-ratio-2-3 {
     aspect-ratio: 2 / 3;
 }
 .visc-hover-promo-layout-default.promo-ratio-4-3 {
     aspect-ratio: 4 / 3;
 }
 .visc-hover-promo-layout-default.promo-ratio-3-4 {
     aspect-ratio: 3 / 4;
 }
 .visc-hover-promo-layout-default.promo-ratio-16-9 {
     aspect-ratio: 16 / 9;
 }
 .visc-hover-promo-layout-default.promo-ratio-21-9 {
    aspect-ratio: 21 / 9;
}
 .visc-hover-promo-layout-default.promo-ratio-9-16 {
     aspect-ratio: 9 / 16;
 }
}
 
 .visc-hover-promo__background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
 }
 .visc-hover-promo__content {
     padding: 40px;
     margin-left: auto;
     margin-right: auto;
     position: relative;
     transition: all 333ms cubic-bezier(.23,1,.32,1);
     transition-property: opacity, transform;
     z-index: 1;
 }

 /* @media screen and (min-width: 768px) {
    .visc-hover-promo__content {
        position: absolute;
     left: 0;
     right: 0;
     width: 100%; 
     bottom: 50%;
     transform: translateY(50%);
    }
 } */
 .visc-hover-promo__content :last-child {
     margin-bottom: 0;
 }
 
 .visc-hover-promo__icon {
     width: 36%;
     max-width: 115px;
     height: auto;
     margin-bottom: 10%;
 }

 .visc-hover-promo.promo-v-align-bottom .visc-hover-promo__content {
     bottom: 0;
     transform: translateY(0%);
 }

 @media screen and (min-width: 768px) {
    .visc-hover-promo__sub-heading {
        display: none;
        opacity: 0;
        transform: translateY(100%);
        transition: opacity 333ms cubic-bezier(.23,1,.32,1),transform 333ms cubic-bezier(.23,1,.32,1);
    }
    .visc-hover-promo:hover .visc-hover-promo__sub-heading {
        opacity: 1;
        margin-top: 0;
        transform: translateY(0);
        display: block;
     }

     .visc-hover-promo:hover .visc-hover-promo__content {
        transform: translateY(40%);
     }

     .visc-hover-promo.visc-hover-promo.promo-v-align-bottom:hover .visc-hover-promo__content {
        transform: translateY(-25%);
     }
 }
 
 
 /**
  * Text Animations
  */
 
 /**
  * Background Animations
  *
  */
 .visc-hover-promo__background {
     -webkit-transition: transform ease .5s;
     -o-transition: transform ease .5s;
     transition: transform ease .5s;
 }
 
 
 /**
  * Print
  */
 @media print {
     .visc-hover-promo:before {
         display: none;
     }
     .visc-hover-promo .visc-hover-promo__content,
     .visc-hover-promo:hover .visc-hover-promo__content {
         position: relative;
         transform: translateY(0) !important;
         opacity: 1;
     }
 }