/*  
Theme Name: Name of Company
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
License:
License URI: 
*/

body .page-block-home-banner { background-position: right bottom; }
body .home-banner article p { color: #FFF; }
body .home-banner-star { display: none; }

@media (min-width: 376px) {
    body .page-block-packages .packages {
        column-gap: 20px;
        height: 1300px;
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (min-width: 768px) {
    body .page-block-packages .packages {
        height: 884px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    body .page-block-packages .packages {
        height: 432px;
        grid-template-columns: repeat(3, 1fr);
    }
}

body .page-block-packages .packages .package .package-card .package-card-back .package-sub-heading {
	    margin: 0 0 18px 0;
}
body .page-block-packages .packages .package .package-card .package-card-back h4 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 14px 0;
}

body .page-block-packages .packages .package .package-card .package-card-back p {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 13px 0;
}
@media (min-width: 1024px) {
    body .page-block-packages .packages .package .package-card .package-card-back p {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 13px 0;
    }
}
@media (min-width: 1280px) {
    body .page-block-packages .packages .package .package-card .package-card-back {
        padding: 0 30px;
    }
}

/* Packages flip — iOS Safari fix.
     Safari ignores backface-visibility on a face that also has
     border-radius + overflow:hidden, so swap the faces with opacity
     at the flip's midpoint (0.4s = half of the 0.8s flip) instead. */
  .package-card-front,
  .package-card-back {
      transition: opacity 0s linear 0.4s !important;
  }
  .package-card-front {
      opacity: 1 !important;
  }
  .package-card-back {
      opacity: 0 !important;
  }
  .package-card.active .package-card-front {
      opacity: 0 !important;
  }
  .package-card.active .package-card-back {
      opacity: 1 !important;
  }