/* 06072019-image-fold */

.custom-html--sitecore .image-fold-module .content-container {
    overflow: hidden !important;
}

.custom-html--sitecore .img-block-text-container {
    height: 100%;
    /* insight-description*/
}

@media only screen and (min-width: 768px) and (max-width: 999px) {

    /*big space IE homepage*/
    .custom-html--sitecore .image-tag-summary-card .insight-card-item {
        height: 15.9rem;
    }

    .custom-html--sitecore .image-tag-summary-card .insight-card-item .insight-image {
        margin-right: 2.5rem;
    }

    .custom-html--sitecore .image-tag-summary-card .insight-card-item .insight-info {
        margin-left: 13.01rem;
        margin-bottom: 1.01rem;
    }

    .custom-html--sitecore .image-tag-summary-card .insight-card-item p.insight-description {
        height: 4.62rem;
        max-height: 10rem;
    }
}

.custom-html--sitecore .ie .dynamic-content-cards-image.image-title-summary .img-container {
    padding-top: 0;
    /*VideoCardBlock Tooltip cutoff*/
}

.custom-html--sitecore .video-cards-container {
    overflow: visible;
    padding-top: 1.01rem;
    /*About hero initiative variant icon*/
}

.custom-html--sitecore .about-hero-wrapper.initiative .in-page-video-container .in-page-video .pauseBttn,
.custom-html--sitecore .about-hero-wrapper.initiative .in-page-video-container .in-page-video .playBttn {
    top: 96% !important;
    left: 93% !important;
    border: 0 !important;
    background-color: transparent !important;
    /* Vidyard Lightbox Video Fix  - JPPL - 05/24/2022 */
}

.custom-html--sitecore #vidyard-overlay-wrapper {
    z-index: 2000;
}

.custom-html--sitecore #vidyard-overlay-wrapper #vidyard-content-fixed {
    top: 0 !important;
}

.custom-html--sitecore #vidyard-overlay-wrapper .vidyard-close-container {
    right: 10px !important;
    top: 10px !important;
    /* Common Videos with Aspect Ratio - 16:9 - 1.778 Ratio Factor */
}

.custom-html--sitecore #vidyard-overlay-wrapper #vidyard-popbox {
    width: 80vw;
    height: calc(80vw / 1.778);
}

@media (min-width: 1500px) {
    .custom-html--sitecore #vidyard-overlay-wrapper #vidyard-popbox {
        width: 70vw;
        height: calc(70vw / 1.778);
    }
}

@media (max-height: 415px) {

    /* Cookie Banner Adjustment for Mobile LCP Performance */
    .custom-html--sitecore #vidyard-overlay-wrapper #vidyard-popbox {
        width: 60vw;
        height: calc(60vw / 1.778);
    }
}

@media screen and (max-width: 767px) {

    .custom-html--sitecore #onetrust-banner-sdk #onetrust-policy-text,
    .custom-html--sitecore #onetrust-banner-sdk .ot-dpd-desc,
    .custom-html--sitecore #onetrust-banner-sdk .ot-b-addl-desc {
        font-size: 7px !important;
        line-height: 10.5px !important;
        /* background color */
    }

    .custom-html--sitecore #onetrust-consent-sdk #onetrust-banner-sdk,
    .custom-html--sitecore #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
        background-color: white !important;
    }
}

@media screen and (min-width: 1000px) {
    .custom-html--sitecore .body-content {
        margin-top: 0;
    }
}

.custom-html--sitecore .body-content {
    margin-top: 0;
    outline: 0;
}

.custom-html--sitecore #block-brandpurposepagezoneonecolumn a:focus {
    outline: 0px;
    outline-offset: 0px;
}

.custom-html--sitecore .carousel-block-container .carousel {
    width: 100%;
    padding-right: 0rem!important;
    margin-top: 1rem;
}

.custom-html--sitecore .carousel-block-container .carousel .container .cards li {  
    margin-left: 32px;
}

.custom-html--sitecore .carousel-block-container .carousel .container {
    width: 44.68rem;
    height: 35rem;
    padding-bottom: 3.04rem;
}

.custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control {
    position: absolute;
    top: 5.6rem;
    width: 100%;
}

@media only screen and (min-width: 360px) and (max-width: 768px){

    .custom-html--sitecore .carousel-block-container .carousel .container {
        width: 32.68rem;
        height: 30rem;
        padding-bottom: 3.04rem;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .carousel-text-content {
        padding: 0 21%;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-left {
        left: -50%;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-right {
        left: 21%;
    }

    .custom-html--sitecore .carousel-gray-bg {
        height: 670px;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .carousel-text-content {
        padding: 0 10%;
    }

    .custom-html--sitecore .carousel-block-container .carousel .container .cards {
        display: block;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: margin .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translateZ(90rem);
        transform: translateZ(90rem);
        pointer-events: all;
        position: relative;
        transform-origin: 48.5% 40%;
    }

}


@media only screen and (min-width: 768px) and (max-width: 999px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-left {
        left: -60%;
    }
    
    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-right {
        left: 2%;
    }
    
    .custom-html--sitecore .carousel-block-container .text-content-main {
        padding: 4% 29% 0 29.5% !important;
    }

    .custom-html--sitecore .carousel-gray-bg::before {
        width: 34.5% !important;
        top: -0.3rem !important;
        left: 33.8% !important;
    }

    .custom-html--sitecore .carousel-gray-bg {
        height: 700px;
    }

    .custom-html--sitecore .carousel-gray-bg::before {
        height: 74.2rem;
    }

    .custom-html--sitecore .carousel-block-container .carousel .container .cards {
        transform-origin: 52% 40%;
    }

    .custom-html--sitecore .carousel-block-container .carousel .container {
        width: 30rem;
        height: 26rem;
        padding-bottom: 3.04rem;
    }

}

@media only screen and (min-width: 843px) and (max-width: 999px){

    .custom-html--sitecore .carousel-block-container .carousel .container {
        width: 32.68rem;
        height: 30rem;
        padding-bottom: 3.04rem;
    }

    .custom-html--sitecore .carousel-gray-bg::before {
        height: 78rem;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .carousel-text-content {
        padding: 0 21%;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-left {
        left: -50%;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-right {
        left: -16%;
    }

    .custom-html--sitecore .carousel-gray-bg {
        height: 670px;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .carousel-text-content {
        padding: 0 10%;
    }

    .custom-html--sitecore .carousel-block-container .carousel .container .cards {
        display: block;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: margin .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translateZ(90rem);
        transform: translateZ(90rem);
        pointer-events: all;
        position: relative;
        transform-origin: 48.5% 40%;
    }

}

@media only screen and (min-width: 1000px) and (max-width: 1199px){

    .custom-html--sitecore .carousel-block-container .carousel .container {
        width: 33rem;
        height: 30rem;
        padding-bottom: 3.04rem;
    }

    .custom-html--sitecore .carousel-gray-bg::before {
        height: 75.2rem;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .carousel-text-content {
        padding: 0 21%;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-left {
        left: -15%;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-right {
        left: 53%;
    }

    .custom-html--sitecore .carousel-gray-bg {
        height: 670px;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .carousel-text-content {
        padding: 0 10%;
    }

    .custom-html--sitecore .carousel-block-container .carousel .container .cards {
        display: block;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: margin .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translateZ(90rem);
        transform: translateZ(90rem);
        pointer-events: all;
        position: relative;
        transform-origin: 48.5% 40%;
    }

}

@media (min-width: 1200px) {
    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-left {
        left: -30%;
    }

    .custom-html--sitecore .carousel-block-container .text-content-main .bp-carousel-control .card-nav .slide-right {
        left: 100%;
    }

    .custom-html--sitecore .carousel-block-container .carousel .container ul.cards {
        -webkit-transform-origin: 45.6% 40%;
        transform-origin: 45.6% 40%;
        margin-left: 0.92rem;
    }
}