Cloud
position && position > 300) { $(“.cmp-header-wrapper”).addClass(“nav-hide”); $(“.scroll-nav-hide”).addClass(“nav-hide”); $(“.subNav-sticky”).addClass(“subNav-sticky-top”); $(“.subnavXF-with-breadcrumb”).addClass(“subNav-sticky-top”); $(“.subnavXF”).addClass(“subNav-sticky-top”); $(“.persistent-wrapper”).addClass(“pcta-sticky-top”); } else { $(“.cmp-header-wrapper”).removeClass(“nav-hide”); $(“.scroll-nav-hide”).removeClass(“nav-hide”); $(“.subNav-sticky”).removeClass(“subNav-sticky-top”); $(“.subnavXF-with-breadcrumb”).removeClass(“subNav-sticky-top”); $(“.subnavXF”).removeClass(“subNav-sticky-top”); $(“.persistent-wrapper”).removeClass(“pcta-sticky-top”); } if(scroll > position && position > 100) { $(‘.cmp-carousel__action–pause’).trigger(‘click’); } if(scroll > position && position div picture img { width: auto !important; padding-bottom: 20px !important; } .custom_carousel_indicators.lightTheme li.custom_carousel_indicators_item span { background-color: #000 !important; } .custom_carousel_indicators.darkTheme .custom_carousel_pause{ border-left-color: #fff !important; } .custom_carousel_indicators.lightTheme .custom_carousel_pause{ border-left-color: #000 !important; } body .header .cmp-header__navigation-nav ul[class*=”tier”] .tier-item.next > .tier-link::after { border-top-color: #0075c9 !important; } .carousel_slide_prev, .carousel_slide_next{ opacity: 0.5; z-index: 8 !important; } .carousel_slide_prev .cmp-carousel__action-icon, .carousel_slide_next .cmp-carousel__action-icon{ opacity: 1 !important; border-left: 3px solid #fff !important; border-top: 3px solid #fff !important; } /* .cmp-carousel__action–previous { background-position: 10px -10px !important; } .cmp-carousel__action–next { background-position: 0px -71px !important; } */ .custom_carousel_indicator{ bottom: 60px !important; } .custom_carousel_indicators_item .hidden { display: none !important; } .image-right-13-20-20 .play-icon, .image-left-13-20-20 .play-icon{ top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: auto !important; } .image-right-13-20-20 img, .image-left-13-20-20 img{ height: 100% !important; } .cmp-subnav__dropdown-wrapper a{ color: #0075C9 !important; } .cmp-subnav__dropdown-wrapper a:hover{ color: #083176 !important; } /* Fixed from story https://ctl.atlassian.net/browse/FSPP-57949 .hero-teaser-card .cmp-teaser { padding: 20px !important; } */ .multi-carousel .cmp-carousel .cmp-carousel__action–next .cmp-carousel__action-icon, .multi-carousel .cmp-carousel .cmp-carousel__action–previous .cmp-carousel__action-icon { display: block; } /* .hoverClass:hover { border: 0.5px solid #0075c9 !important; } */ /* .featured-product-card .cmp-teaser__action-link:last-child{ margin-bottom: unset !important; } */ .multi-carousel .cmp-carousel__item > .container { overflow: unset !important; } /* .fullTeaserContainer .cmp-teaser__content { padding: 0px !important; } */ .tile-style img { width: unset !important; } .bottom-inner-padding-30-temp { padding-bottom: 30px !important; } /* .image-no-cover img { object-fit: unset !important; height: unset !important } */ @media only screen and (max-width: 425px) { /* Fixed from story https://ctl.atlassian.net/browse/FSPP-57949 .teaser.stat-card .cmp-teaser__content { padding: 0px; } .buttons-flexed .cmp-container { –gap-20-20-20: unset !important; –gap-40-40-0: unset !important; –count-3-2-1: unset !important; –minWidth-300-100-50: unset !important; –gap-30-20-20: unset !important; –count-3-3-2: unset !important; } .benefits-card img { height: 100px !important; } .hero-teaser-card .cmp-teaser__content { padding: 0px !important; } */ .image-right-13-20-20 .cmp-teaser__action-link, .image-left-13-20-20 .cmp-teaser__action-link { width: 100% !important; text-align: center; } .teaser.tile-style .cmp-teaser__image picture img { height: 200px !important; } .icon-view.as-teaser–bottom-margin-0-40-40 { margin: 0 0 40px 0 !important; } } @media only screen and (min-width: 426px) { .icon-view.as-teaser–bottom-margin-0-40-40 { margin: 0 !important; } .mobile-full-width a { float: left; } } @media only screen and (max-width: 428px) { .cmp-container–flex .button a,.cmp-container–flex .button { width: 100% !important; text-align: center !important; } } @media only screen and (max-width: 650px) { .as-teaser–bottom-margin-0-40-40 { margin: 0 0 40px 0 !important; } .aem-Grid.aem-Grid–phone–24 > .aem-GridColumn.aem-GridColumn–offset–phone–2 { margin-left: 8.33333333% !important; } } @media only screen and (max-width: 763px) { .multi-carousel .cmp-carousel__item { width: 76vw !important; } } @media only screen and (min-width: 769px){ /* .featured-product-card img { width: 83% !important; } */ .cmp-subnav__navigation-nav { padding-right: 8.333% !important; } /* Request 3 Start .cmp-subnav__dropdown-right.dyn-active{ width: max-content !important; } Request 3 End */ .as-flex–gap-40-40-40 > .cmp-container { gap: 40px; } .as-flex–minWidth-270-270-0 > .cmp-container > * { min-width: 270px; } .as-flex–count-3-2-1 > .cmp-container > * { width: calc((100% – 40px * 2)/3); } } .hero-container:not(.hero-image-container) > .cmp-container, .hero-container:not(.hero-image-container) > [class^=”cmp-container–bg”] > .cmp-container { height: 320px; } @media only screen and (min-width: 426px){ .hero-container:not(.hero-image-container) > .cmp-container, .hero-container:not(.hero-image-container) > [class^=”cmp-container–bg”] > .cmp-container { height: 475px; } } @media only screen and (min-width: 769px){ .hero-container:not(.hero-image-container) > .cmp-container, .hero-container:not(.hero-image-container) > [class^=”cmp-container–bg”] > .cmp-container { height: 500px; } } @media only screen and (max-width: 768px){ /* Request 3 Start .cmp-subnav__navigation-left.dyn-active .cmp-subnav__dropdown-left { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .cmp-subnav__dropdown-right.dyn-active{ width: 100% !important; } Request 3 End */ .cmp-subnav__dropdown-bottom { padding: 20px !important; } /* .featured-product-card img { width: 98% !important; } */ .teaser.image-left-13-20-20 .cmp-teaser__content, .teaser.image-right-13-20-20 .cmp-teaser__content { padding: 0 8% 40px !important; } } @media only screen and (min-width: 1025px) { .peekcarousel .cmp-carousel__item{ pointer-events: none; } .activeCarousel{ pointer-events: auto !important; } } @media only screen and (max-width: 1023px) { .flex-gutters-container.three-column .teaser { margin: 0 0 40px 0 !important; } } @media only screen and (max-width: 1024px) { .peekcarousel .cmp-carousel__content{ margin-left: 8.4% !important; margin-right: 8.4% !important; } } @media only screen and (max-width: 1024px) and (min-width: 765px){ .multi-carousel .cmp-carousel__item { width: 36vw !important; } } @media only screen and (max-width: 1144px) and (min-width: 769px){ .cmp-subnav__navigation-left { margin: auto 0 auto 2.7% !important; } .teaser.image-left-13-20-20 .cmp-teaser__content, .teaser.image-right-13-20-20 .cmp-teaser__content { width: 100% !important; margin: 0 !important; padding: 40px 8% !important; } } @media only screen and (max-width: 1144px){ .teaser.image-left-13-20-20 .cmp-teaser-img-wrapper, .teaser.image-right-13-20-20 .cmp-teaser-img-wrapper { width: 100% !important; } .teaser.image-left-13-20-20 .cmp-teaser__image, .teaser.image-right-13-20-20 .cmp-teaser__image { width: 83.33%; } .teaser.image-left-13-20-20.video-card .cmp-teaser__image, .teaser.image-right-13-20-20.video-card .cmp-teaser__image { width: 100%; } .teaser.image-left-13-20-20.image-full-width .cmp-teaser__image, .teaser.image-right-13-20-20.image-full-width .cmp-teaser__image { width: 100%; } .teaser.image-right-13-20-20 .cmp-teaser { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .teaser.image-left-13-20-20 .cmp-teaser { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media only screen and (min-width: 1144px){ .image-right-13-20-20 .play-icon, .image-left-13-20-20 .play-icon{ width: 80px !important; height: 80px !important; } } @media only screen and (max-width: 1199px) and (min-width: 768px){ .custom_carousel_indicators li.custom_carousel_indicators_item { width: 22px !important; margin: 0px 6px 0px 0px!important; border-radius: 8px !important; } .custom_carousel_indicators li.custom_carousel_indicators_item span { border-radius: 8px !important; } } @media only screen and (max-width: 1199px) { .subNav-sticky { position: sticky !important; top: 80px; z-index: 8 !important; } .cmp-subnav.sticky { position: unset !important; } .subNav-stick-top { top: 0px !important; transition: .5s ease !important; } body .sticky-bc { top: 80px; } .pcta-sticky-top { top: 0px !important; transition: .5s ease !important; } body .header .cmp-header-wrapper.nav-hide { top: -80px !important; transition: .5s ease !important; } .hero-notch [class^=”cmp-container–bg”] { z-index: 1 !important; } .temp-style-margin-bottom-0-60-60{ margin-bottom: 60px; } } @media only screen and (max-width: 639px) { .text-box-container { margin-top: 20px !important; } } @media only screen and (min-width: 1200px) { body .header .cmp-header-wrapper { position: fixed !important; top: 0 !important; width: 100% !important; z-index: 9 !important; max-width: 1600px !important; -webkit-transition: top .5s,-webkit-transform .2s ease-in-out !important; transition: top .5s,-webkit-transform .2s ease-in-out !important; -o-transition: top .5s,transform .2s ease-in-out !important; transition: top .5s,transform .2s ease-in-out !important; transition: top .5s,transform .2s ease,-webkit-transform .2s ease !important; margin: auto !important; } body .header .cmp-header-wrapper.nav-hide { top: -80px !important; transition: .5s ease !important; } .nav-hide { top: -110px !important; transition: .5s ease !important; } .cmp-subnav__navigation-left { margin: auto 0 auto 1.7% !important; } .custom_carousel_indicators li.custom_carousel_indicators_item { margin: 0px 15px 0px 0px!important; border-radius: 8px !important; } .custom_carousel_indicators li.custom_carousel_indicators_item span { border-radius: 8px !important; } /* .cmp-carousel–hero .hero-notch.as-notch-mediumBlue [class^=”cmp-container–bg”] > .cmp-container::before, .cmp-carousel–hero .hero-notch.as-notch-mediumBlue [class^=”cmp-container–bg”] > .cmp-container::after{ display: none !important; } .desktop-no-notch.hero-notch.as-notch-mediumBlue [class^=”cmp-container–bg”] > .cmp-container::before, .desktop-no-notch.hero-notch.as-notch-mediumBlue [class^=”cmp-container–bg”] > .cmp-container::after{ display: none !important; } */ } .icon-view { gap-row: 45px; } .cmp-teaser__icon { z-index: 1; } ]]>
