diff --git a/blocks/header/header.css b/blocks/header/header.css index 25b25067..e64ba8be 100644 --- a/blocks/header/header.css +++ b/blocks/header/header.css @@ -20,6 +20,11 @@ color: var(--gray-neutral-70); font-weight: normal; } +.header nav .nav-sections .top-nav.active{ + border-bottom: 4px solid var(--brand-primary-strong); + color:var(--brand-primary-strong); + +} .header nav .nav-logo { grid-area: logo; @@ -131,7 +136,8 @@ display: none; } -.header nav .nav-sections>ul>li.top-nav>a.active-arrow-down::after { +.header nav .nav-sections>ul>li.top-nav>a +.active-arrow-down::after { background-image: url('images/down-arrow.png'); } diff --git a/blocks/hero/default-hero.css b/blocks/hero/default-hero.css index bd7074ba..e455e5d2 100644 --- a/blocks/hero/default-hero.css +++ b/blocks/hero/default-hero.css @@ -134,6 +134,7 @@ .hero.block.default .content-wrapper .content p { font-size: var(--body-font-size-l); + text-align:left; } .hero.block.default .content-wrapper .content p:nth-of-type(1) { diff --git a/icons/blood.svg b/icons/blood.svg new file mode 100644 index 00000000..09dbc2da --- /dev/null +++ b/icons/blood.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/droplet.svg b/icons/droplet.svg new file mode 100644 index 00000000..aaac60a1 --- /dev/null +++ b/icons/droplet.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/styles/styles.css b/styles/styles.css index d5bd4aa3..df514ff6 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -194,7 +194,7 @@ li { line-height: var(--line-height-m); color: var(--default-text-color); gap:40px; - text-align: inherit; + text-align: center; } ul, @@ -283,6 +283,7 @@ main .section.cards-container { } main .section.cards-container .default-content-wrapper:first-child p { color: var(--brand-critical-strong); + text-align:left; } main .content-center .default-content-wrapper { @@ -300,8 +301,9 @@ main .section.content-bump-out .default-content-wrapper { position: relative; padding-left: 58px; } -main .section.content-bump-out .default-content-wrapperp:first-of-type { - text-align: center; + +main .section.content-bump-out .default-content-wrapper p { + text-align: right; }