/* c_273 - modal height fix */
@media print,
screen and (min-width: 60em) {

    .c_273.c_280-modal .gallery-carousel,
    .c_273.c_280-modal .slick-list,
    .c_273.c_280-modal .slick-track {
        height: 100%;
    }
}

.c_273.c_280-modal .gallery-carousel.js-gallery-carousel .gallery-carousel-slide .gallery-carousel-slide-hero {
    height: 100%;
}

.c_273.c_280-modal .gallery-carousel.js-gallery-carousel .gallery-carousel-slide .gallery-carousel-slide-hero .gallery-carousel-slide-hero-image,
.c_273.c_280-modal .gallery-carousel.js-gallery-carousel .gallery-carousel-slide .gallery-carousel-slide-hero .gallery-carousel-slide-hero-video {
    object-fit: cover;
    height: 100%;
}


/* c_490 - feature's cropped content fix */
@media screen and (min-width: 1500px) {
    .c_490 .c_490-features__feature {
        min-width: unset;
    }
}

@media print, screen and (min-width: 1024px) {
    .c_489-body-content {
        min-width: 700px;
      width: 47.3%;    
    }
}

/*All VLPs using this component need more padding top on all devices */
.c_478-B__content {
    padding-top: 170px;
}

/* This a veri specific component with the ID 'animated-carousel'*/
#animated-carousel .c_478-B__content-wrapper::before {
     background: none;
}

#animated-carousel .c_478-B__entry__container {
    overflow-y: visible;
}

#animated-carousel .mediaScrollWithAnimationImages .welcome-container {
    display: none
}

#animated-carousel .c_478-B__final-content {
    order: 2;
    flex: 1;
}

#animated-carousel .c_478-B__animation__placeholder {
    opacity: 0;
}

#animated-carousel .c_478-B__canvas-container {
    padding-bottom: 90px;
}

@media print, screen and (min-width: 48em) {
    #animated-carousel .c_478-B__canvas-container {
         padding-bottom: 200px;
    }
}

@media screen and (orientation: landscape) {
     #animated-carousel .c_478-B__canvas-container {
         padding-bottom: 70px;
         right: 0;
     }
    #animated-carousel .c_478-B__canvas-container canvas{
        transform: translate(-25%, 63%);
    }
}

@media screen and (min-width: 60em) and (orientation: landscape) {
    #animated-carousel .c_478-B__canvas-container canvas{
        transform: translate(-50%, 0);
    }
    #animated-carousel .c_478-B__canvas-container {
        padding-bottom: 60px;
        right: initial;
    }
}

@media screen and (min-width: 1500px) and (orientation: landscape) {
    #animated-carousel .c_478-B__canvas-container {
        padding-bottom: 150px;
    }
}

@media screen and (min-width: 1700px) and (orientation: landscape) {
    #animated-carousel .c_478-B__canvas-container {
        padding-bottom: 200px;
    }
}