diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css index e5b35d76a2..a0e58dcb91 100644 --- a/blocks/carousel/carousel.css +++ b/blocks/carousel/carousel.css @@ -455,7 +455,8 @@ background-repeat: no-repeat; } -.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1 { +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1>strong { color: var(--black); font-family: "Nunito-Extrabold", sans-serif; font-size: 3rem; @@ -464,8 +465,8 @@ margin-bottom: 16px; } -.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h2 { - display: none; +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1>strong { + display: block; } @media (min-width:1024px) and (max-width:1366px) { @@ -708,7 +709,8 @@ background-image: url("/images/banner2-background-image-mobile.png"); } - .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1 { + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1>strong { font-size: 1.5rem; line-height: 32px; margin-bottom: unset; @@ -799,17 +801,8 @@ padding-top: 40px; } - .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h2 { - display: block; - font-size: 1.5rem; - line-height: 32px; - color: var(--black); - font-family: "Nunito-Extrabold", sans-serif; - font-weight: 800; - } - - .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1 { - display: none; + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.carousel-heading-inline-mob>.background .foreground .text .long-description>h1>strong { + display: inline; } } diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css index 33562e898c..7edfdaeb6d 100644 --- a/blocks/footer/footer.css +++ b/blocks/footer/footer.css @@ -153,6 +153,7 @@ footer.footer-wrapper .footer { .footer-section-second ul > li > ul > li>a, .footer-section-second ul > li > ul > li>a>sub{ font-size: 1rem; + line-height: 1.5rem; color: #fff; margin-top: 0.5rem; font-family: "Nunito-Regular"; diff --git a/component-models.json b/component-models.json index 0a7c881819..c36203b3d8 100644 --- a/component-models.json +++ b/component-models.json @@ -1300,6 +1300,10 @@ { "name": "video-component-carousel", "value": "video-component-carousel" + }, + { + "name": "carousel-heading-inline-mob", + "value": "carousel-heading-inline-mob" } ] },