:first-child, .u-margin-trim > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)), .u-rich-text > *:first-child, .u-rich-text .w-richtext > *:first-child { margin-top: 0; } .u-margin-trim > :last-child, .u-margin-trim > :not(:has(~ :not(.w-condition-invisible))), .u-rich-text > *:last-child, .u-rich-text .w-richtext > *:last-child { margin-bottom: 0; } .u-hide-if-empty:empty, .u-hide-if-empty:not(:has(> *:not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), .u-hide-rich-text-media > *:not(h1,h2,h3,h4,h5,h6,p,blockquote), .u-embed-js, .u-embed-css { display: none !important; } .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .u-line-clamp-2 { -webkit-line-clamp: 2; } .u-line-clamp-3 { -webkit-line-clamp: 3; } .u-line-clamp-4 { -webkit-line-clamp: 4; } .u-block-gap { --gap: 1rem; --gap-x: var(--gap); --gap-y: var(--gap); } .u-block-gap > * { margin-inline: calc(var(--gap-x) * 0.5); margin-top: var(--gap-y); vertical-align: inherit; } .u-block-gap::before { content: ""; display: block; margin-bottom: calc(var(--gap-y) * -1); } [class*="u-text-style-"] > :where(h1,h2,h3,h4,h5,h6,p,blockquote) { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: inherit; margin-bottom: inherit; } *:not(.u-margin-trim-off, .u-block-gap) > :first-child, *:not(.u-margin-trim-off, .u-block-gap) > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) { margin-top: 0; } *:not(.u-margin-trim-off, .u-block-gap) > :last-child, *:not(.u-margin-trim-off, .u-block-gap) > :not(:has(~ :not(.w-condition-invisible))) { margin-bottom: 0; } .u-child-contain > * { display: inline-block; width: 100%; max-width: inherit; margin-top: 0; } [tabindex]:focus-visible, a:focus-visible, button:focus-visible, .w-checkbox-input--inputType-custom.w--redirected-focus, .w-form-formradioinput--inputType-custom.w--redirected-focus { outline: 0.125rem solid var(--theme--text); outline-offset: 0.25rem; } .w-checkbox-input--inputType-custom.w--redirected-focus, .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: none; } [data-padding-top="none"] { padding-top: var(--padding-vertical--none); } [data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); } [data-padding-top="small"] { padding-top: var(--padding-vertical--small); } [data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); } [data-padding-top="main"] { padding-top: var(--padding-vertical--main); } [data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); } [data-padding-top="large"] { padding-top: var(--padding-vertical--large); } [data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); } .wf-design-mode .g_clickable_wrap { z-index: 0; } .g_clickable_wrap a[href="#"] { display: none; } .g_clickable_wrap a[href="#"] ~ button { display: block; } ]]> * { pointer-events: auto; } [class*="pe0"], [class*="pe2"] { pointer-events: none; user-select: none; } /* border width */ [class*="bw0"] { border-width: 0 !important; } [class*="bw1"] { border-style: solid; border-width: 1px; } [class*="bw2"] { border-style: solid; border-width: 2px; } [class*="bw3"] { border-style: solid; border-width: 3px; } /* border position */ [class*="bw1t"], [class*="bw2t"], [class*="bw3t"] { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; } [class*="bw1b"], [class*="bw2b"], [class*="bw3b"] { border-top-width: 0; border-left-width: 0; border-right-width: 0; } [class*="bw1l"], [class*="bw2l"], [class*="bw3l"] { border-top-width: 0; border-bottom-width: 0; border-right-width: 0; } [class*="bw1r"], [class*="bw2r"], [class*="bw3r"] { border-top-width: 0; border-bottom-width: 0; border-left-width: 0; } [class*="bw1v"], [class*="bw2v"], [class*="bw3v"] { border-left-width: 0; border-right-width: 0; } [class*="bw1h"], [class*="bw2h"], [class*="bw3h"] { border-top-width: 0; border-bottom-width: 0; } /* border radius */ [class*="br0"] { border-radius: 0 !important; } [class*="br4"] { border-radius: 4px; } [class*="br8"] { border-radius: 8px; } [class*="br16"] { border-radius: 16px; } /* z-index */ [class*="zi-1"] { z-index: -1 } [class*="zi1"] { z-index: 1 } [class*="zi2"] { z-index: 2 } [class*="zi3"] { z-index: 3 } /* transparent */ [class*="t0"] { opacity: 0 } /* balance text characters */ [class*="tw1"] { text-wrap: balance; } /* display mode */ [class*="dsp-inline"] { display: inline } @media screen and (max-width: 991px) { [class*="show-tablet"] { display: flex } [class*="hide-tablet"] { display: none } } @media screen and (max-width: 767px) { [class*="hide-landscape"] { display: none } } /* crop to border radius in safari when using overflow hidden */ .radius-crop { -webkit-mask-image: -webkit-radial-gradient(white, black); } /* CUSTOM COMPONENT STYLES */ html { --speed1: 200ms; } /* unique elements */ /* defaul button */ [button1-fontcolor] { color: hsla(var(--c1), 1); transition-property: color; transition-duration: var(--speed1); } [button1-bgcolor] { background-color: hsla(var(--c4), 1); border-color: hsla(var(--c4), 1); transition-property: background-color, border-color, transform, color; transition-duration: var(--speed1); } /* Violet Button */ [button1-violet="true"] [button1-fontcolor] { color: hsla(var(--c1), 1); } [button1-violet="true"] [button1-bgcolor] { background-color: hsla(var(--cv9), 1); border-color: hsla(var(--cv9), 1); } /* Pink Button */ [button1-pink="true"] [button1-fontcolor] { color: hsla(var(--cv9), 1); } [button1-pink="true"] [button1-bgcolor] { background-color: hsla(var(--c2), 1); border-color: hsla(var(--c2), 1); } /* White Button */ [button1-white="true"] [button1-fontcolor] { color: hsla(var(--cg7), 1) } [button1-white="true"] [button1-bgcolor] { background-color: hsla(var(--c1), 1); border-color: hsla(var(--cg3), 1); } [button1-small="true"] [button1-padding] { padding: 0.6rem 1rem; } [button1-icon] { transition-property: transform; transition-duration: var(--speed1); } /* hover states @media (pointer: fine) { [button1-link]:hover [button1-fontcolor] { color: hsla(var(--c1), 1); } [button1-link]:hover [button1-bgcolor] { background-color: hsla(var(--c2), 1); border-color: hsla(var(--c2), 1); } [button1-link]:hover [button1-icon] { transform: translateX(0.2rem); } [button1-link]:hover [button1-scale] { transform: scale(1.1); } } */ /* custom form styles */ [form1-field] { transition-property: border-color; transition-duration: var(--speed1); border-color: inherit; } [form1-field]:focus { border-color: hsla(var(--c2), 1); } /*-----------------------------------*/ /* Global Styling */ /*-----------------------------------*/ [class*="c4hover"] { transition: color .2s ease-in-out; } [class*="inherit-styles"] { color: inherit!important; background-color: inherit!important; } .underline-link-ic-left .ic_24x24 { color: hsla(var(--cg6g), 1); } .underline-link-ic-left:hover .ic_24x24 { filter: brightness(135%); } .underline-link-ic-left:hover .underline-link--fw9 { filter: brightness(135%); border-bottom-color: rgba(37,14,98,0); } /*-----------------------------------*/ /* Navbar Menu */ /*-----------------------------------*/ .beauty-leaderboard-en:after { content: "BENCHMARK YOUR BRAND!"; color: #FD5E4A; font-weight: 900; font-size: 8px; line-height: 14px; text-transform: uppercase; position: absolute; right: 0; bottom: -10px; } .beauty-leaderboard-fr:after { content: "Comparez votre marque"; color: #FD5E4A; font-weight: 900; font-size: 0.5rem; line-height: 0.875rem; text-transform: uppercase; position: absolute; right: 0; bottom: -0.625rem; } .navbar-menu-dropdown:hover .navbar-menu-dropdown__link { color: hsla(var(--cv9), 1); } .navbar-learn-link:hover .navbar-learn-link__pt1 { color: hsla(var(--c4), 1); } .navbar-learn-link:hover .navbar-learn-link__pt2 { color: hsla(var(--cg9), 1); } .page-wrapper__dk .navbar-menu.is-normal .navbar-menu-dropdown__link, .page-wrapper__dk .navbar-menu.is-normal .navbar-menu-link { color: hsla(var(--cg3), 1); } .page-wrapper__dk .navbar-menu.is-normal .navbar-menu-logo, .page-wrapper__dk .navbar-menu.is-normal .navbar-menu-dropdown:hover .navbar-menu-dropdown__link, .page-wrapper__dk .navbar-menu.is-normal .navbar-menu-dropdown__link:hover, .page-wrapper__dk .navbar-menu.is-normal .navbar-menu-link:hover, .page-wrapper__dk .navbar-menu.is-normal .beauty-leaderboard-en:after, .page-wrapper__dk .navbar-menu.is-normal .beauty-leaderboard-fr:after, .page-wrapper__dk .navbar-menu.is-normal .beauty-leaderboard-de:after { color: hsla(var(--c2), 1); } .page-wrapper__dk .navbar-menu.is-normal .is-navbar-button { color: hsla(var(--cv9), 1); background-color: hsla(var(--c2), 1); border-color: hsla(var(--c2), 1); } @media screen and (max-width: 991px) { .page-wrapper__dk .navbar-menu.is-normal .navbar-menu-logo { color: hsla(var(--cv9), 1); } .page-wrapper__dk .navbar-menu.is-normal .beauty-leaderboard-en:after, .page-wrapper__dk .navbar-menu.is-normal .beauty-leaderboard-fr:after, .page-wrapper__dk .navbar-menu.is-normal .beauty-leaderboard-de:after { color: hsla(var(--c4), 1); } } @media (min-width: 992px) and (max-width: 1100px) { .navbar-menu-link {padding-left: 8px; padding-right: 8px;} .navbar-menu-dropdown__link {padding-left: 8px; padding-right: 12px;} .navbar-menu-logo {margin-right: 28px;} } /* Card Hover Effect*/ .c-blog-card:hover .image-overlay, .footer-blog-link:hover .image-overlay, .card-v1:hover .image-overlay, .split-content-v2__col1:hover .image-overlay, .content-card-link:hover .image-overlay { background-color: rgba(255,255,255,0.2); transition-duration: 0.09s; } .c-blog-card:hover .blog-card__title, [class*="c4hover"]:hover, .card-v1:hover .card-v1__title, .content-card-link:hover .content-card-link__title { color: hsla(var(--c4), 1); transition-duration: 0.05s; } .customer-logo-bar-item.is_gray, .partners-logo-item.is-gray, .tag-link:hover .tag-link__ic, .tag-link.w--current .tag-link__ic, .blog-tag-link:hover .ic-24x24 { filter: invert(93%) sepia(45%) saturate(2571%) hue-rotate(179deg) brightness(112%) contrast(88%); } .blog-tag-link:hover { transition-duration: 0.05s; } .blog-tag-link:hover + .blog-tag-link-overlay { z-index: 5; background-color: hsla(256, 0.00%, 100.00%, 0.3); } /*-----------------------------------*/ /* Blog */ /*-----------------------------------*/ /* First Wide Card --- Grid v1 */ .is-blog-grid-v1::before { content: ""; grid-row: 2; grid-column: 1 / -1; height: 32px; } .is-blog-grid-v1 .c-blog-card:first-child, .is-blog-grid-v3 .c-blog-card:first-child { order: 0; grid-area: span 1/span 2/span 1/span 2; border-width: 0; grid-column-gap: 32px; grid-row-gap: 0px; flex-direction: row-reverse; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .is-blog-grid-v3 .c-blog-card:first-child { grid-area: span 3/span 2/span 3/span 2; } .is-blog-grid-v1 .c-blog-card:first-child .blog-card__thumbnail, .is-blog-grid-v3 .c-blog-card:first-child .blog-card__thumbnail { flex-basis: 50%; border-radius: 8px; } .is-blog-grid-v1 .c-blog-card:first-child .blog-card__content, .is-blog-grid-v3 .c-blog-card:first-child .blog-card__content { flex-basis: 50%; flex-direction: column; justify-content: space-between; display: flex; padding-top: 0; padding-left: 0; padding-right: 0; border-bottom: 1px solid hsla(var(--cg3), 1); } .is-blog-grid-v1 .c-blog-card:first-child .blog-card__title, .is-blog-grid-v3 .c-blog-card:first-child .blog-card__title { font-size: var(--font-size30); font-weight: var(--font-weight500); line-height: var(--lh4); font-family: Recoleta,sans-serif; } .is-blog-grid-v1 .c-blog-card:first-child .blog-card__pt2, .is-blog-grid-v3 .c-blog-card:first-child .blog-card__pt2, .is-blog-grid-v4 .c-blog-card:first-child .blog-card__pt2 { font-size: var(--font-size18); font-weight: var(--font-weight300); line-height: var(--lh8); } .is-blog-grid-v1 .c-blog-card:first-child .blog-card__description, .is-blog-grid-v1 .c-blog-card:first-child .blog-card__c-author, .is-blog-grid-v3 .c-blog-card:first-child .blog-card__description, .is-blog-grid-v3 .c-blog-card:first-child .blog-card__c-author { display: flex; } /* Cards 3, 4 --- Grid v1 */ .is-blog-grid-v1 .c-blog-card:nth-child(3), .is-blog-grid-v1 .c-blog-card:nth-child(4) { order: 0; grid-area: span 4/span 1/span 4/span 1; } /* Cards 5, 6, 7 --- Grid v1 */ .is-blog-grid-v1 .c-blog-card:nth-child(5) { border: 0; border-radius: 0; flex-direction: row; margin-top: 0; margin-bottom: 24px; } .is-blog-grid-v1 .c-blog-card:nth-child(6), .is-blog-grid-v1 .c-blog-card:nth-child(7), .is-blog-grid-v3 .c-blog-card:nth-child(2), .is-blog-grid-v3 .c-blog-card:nth-child(3), .is-blog-grid-v3 .c-blog-card:nth-child(4), .is-blog-grid-v4 .c-blog-card:nth-child(6), .is-blog-grid-v4 .c-blog-card:nth-child(7), .is-blog-grid-v4 .c-blog-card:nth-child(8) { border: 0; border-radius: 0; flex-direction: row; margin-top: 24px; margin-bottom: 24px; } .is-blog-grid-v1 .c-blog-card:nth-child(5)::after, .is-blog-grid-v1 .c-blog-card:nth-child(6)::after, .is-blog-grid-v1 .c-blog-card:nth-child(7)::after, .is-blog-grid-v3 .c-blog-card:nth-child(2)::after, .is-blog-grid-v3 .c-blog-card:nth-child(3)::after, .is-blog-grid-v4 .c-blog-card:nth-child(6)::after, .is-blog-grid-v4 .c-blog-card:nth-child(7)::after, .is-blog-grid-v4 .c-blog-card:nth-child(8)::after { position: absolute; width: 100%; bottom: -24px; content: ""; border-bottom: 1px solid hsla(var(--cg3), 1) } .is-blog-grid-v1 .c-blog-card:last-child::after, .is-blog-grid-v3 .c-blog-card:last-child::after { display: none; } .is-blog-grid-v1 .c-blog-card:last-child, .is-blog-grid-v2 .c-blog-card:nth-child(5), .is-blog-grid-v2 .c-blog-card:nth-child(6) { margin-bottom: 0; } .is-blog-grid-v1 .c-blog-card:nth-child(n+5):nth-child(-n+7) .blog-card__thumbnail, .is-blog-grid-v3 .c-blog-card:nth-child(n+2) .blog-card__thumbnail, .is-blog-grid-v4 .c-blog-card:nth-child(n+6) .blog-card__thumbnail { width: 124px; min-height: 96px; border-radius: 8px; } .is-blog-grid-v1 .c-blog-card:nth-child(n+5):nth-child(-n+7) .blog-card__content, .is-blog-grid-v3 .c-blog-card:nth-child(n+2) .blog-card__content, .is-blog-grid-v4 .c-blog-card:nth-child(n+6) .blog-card__content { padding: 0 0 8px 24px; flex: 1; } .is-blog-grid-v1 .c-blog-card:nth-child(n+5):nth-child(-n+7) .blog-card__title, .is-blog-grid-v3 .c-blog-card:nth-child(n+2) .blog-card__title, .is-blog-grid-v4 .c-blog-card:nth-child(n+6) .blog-card__title { margin-bottom: 8px; font-size: 16px; font-weight: 900; line-height: var(--lh8); } .is-blog-grid-v1 .c-blog-card:nth-child(n+5):nth-child(-n+7) .blog-card__pt2, .is-blog-grid-v3 .c-blog-card:nth-child(n+2) .blog-card__pt2, .is-blog-grid-v4 .c-blog-card:nth-child(n+6) .blog-card__pt2 { font-size: var(--font-size14); font-weight: var(--font-weight500); line-height: var(--lh9); } /* Cards --- Grid v2, v3, v4 */ .is-blog-grid-v2 .c-blog-card { border: 0; border-radius: 0; flex-direction: row; margin-top: 24px; margin-bottom: 24px; } .is-blog-grid-v2 .c-blog-card:first-child, .is-blog-grid-v2 .c-blog-card:nth-child(2), .is-blog-grid-v3 .c-blog-card:nth-child(2), .is-blog-grid-v4 .c-blog-card:nth-child(6) { margin-top: 0 } .is-blog-grid-v2 .c-blog-card:after { position: absolute; width: 100%; bottom: -24px; content: ""; border-bottom: 1px solid hsla(var(--cg3), 1) } .is-blog-grid-v2 .c-blog-card:nth-last-child(2)::after, .is-blog-grid-v2 .c-blog-card:last-child::after, .is-blog-grid-v4 .c-blog-card:last-child::after { display: none; } .is-blog-grid-v2 .c-blog-card .blog-card__thumbnail { width: 124px; min-height: 0; border-radius: 8px; } .is-blog-grid-v2 .c-blog-card .blog-card__content { padding: 0 0 8px 24px; flex: 1; } .is-blog-grid-v2 .c-blog-card .blog-card__title { margin-bottom: 8px; font-size: 16px; font-weight: 900; line-height: var(--lh8); } .is-blog-grid-v2 .c-blog-card .blog-card__pt2 { font-size: var(--font-size14); font-weight: var(--font-weight500); line-height: var(--lh9); } /* Cards --- Grid v4 */ .is-blog-grid-v4 .c-blog-card:first-child { grid-area: span 2/span 2/span 2/span 2; margin-bottom: 32px; background-color: hsla(var(--cv9), 1); transition: background-color .2s ease-in-out; } .is-blog-grid-v4 .c-blog-card:first-child:hover { background-color: hsla(var(--cv9), 0.95); transition-duration: 0.05s; } .is-blog-grid-v4 .c-blog-card:nth-child(2), .is-blog-grid-v4 .c-blog-card:nth-child(-n+3) { margin-bottom: 24px; } .is-blog-grid-v3 .c-blog-card:nth-child(4), .is-blog-grid-v4 .c-blog-card:last-child, .is-blog-grid-v4 .c-blog-card:nth-child(3) .is-blog-grid-v4 .c-blog-card:nth-child(4) { margin-bottom: 0; } .is-blog-grid-v4 .c-blog-card:nth-child(n+4), .is-blog-grid-v4 .c-blog-card:nth-child(n+5) { grid-area: span 3/span 1/span 3/span 1; } .is-blog-grid-v4 .c-blog-card:nth-child(n+6) { grid-area: span 1/span 1/span 1/span 1; } .is-blog-grid-v4 .c-blog-card:first-child .blog-card__c-author, .is-blog-grid-v4 .c-blog-card:first-child .blog-card__description { display: flex; } .is-blog-grid-v4 .c-blog-card:nth-child(n+1):nth-child(-n+3) .blog-card__thumbnail, .is-blog-grid-v4 .c-blog-card:nth-child(n+2) .blog-card__tag { display: none; } .is-blog-grid-v4 .c-blog-card:first-child .blog-card__tag { color: hsla(var(--cv2), 1); } .is-blog-grid-v4 .c-blog-card:first-child .blog-card__title { font-size: var(--font-size30); font-weight: var(--font-weight500); line-height: var(--lh4); font-family: Recoleta,sans-serif; color: hsla(var(--c2), 1); } .is-blog-grid-v4 .c-blog-card:first-child .blog-card__description { color: hsla(var(--c1), 1); } .is-blog-grid-v4 .c-blog-card:first-child .blog-card__pt2 { justify-content: center; color: hsla(var(--cv2), 1); } .is-blog-grid-v4 .c-blog-card:first-child .blog-card__author { color: hsla(var(--c2), 1); } .is-blog-grid-v4 .c-blog-card:first-child .blog-card__content { height: 100%; max-width: 640px; margin: 0 auto; justify-content: center; text-align: center; } .is-blog-grid-v4 .c-blog-card:first-child .blog-card__pt1 { align-items: center; } /* tablet */ @media screen and (max-width: 991px) { /* Cards --- Grid v1 */ .is-blog-grid-v1 .c-blog-card:first-child { min-height: 38vw; margin-bottom: 16px; } .is-blog-grid-v1::before { display: none; } .is-blog-grid-v1 .c-blog-card:nth-child(2), .is-blog-grid-v1 .c-blog-card:nth-child(3), .is-blog-grid-v1 .c-blog-card:nth-child(4), .is-blog-grid-v1 .c-blog-card:nth-child(5), .is-blog-grid-v1 .c-blog-card:nth-child(6), .is-blog-grid-v1 .c-blog-card:nth-child(7), .is-blog-grid-v4 .c-blog-card:nth-child(n+4):nth-child(-n+5), .blog-grid-common__col .c-blog-card, .is-3-cards .c-blog-card { border: 0; border-radius: 0; flex-direction: row; margin-top: 24px; margin-bottom: 24px; grid-area: auto; } .is-blog-grid-v1 .c-blog-card:nth-child(2) .blog-card__title, .is-blog-grid-v1 .c-blog-card:nth-child(3) .blog-card__title, .is-blog-grid-v1 .c-blog-card:nth-child(4) .blog-card__title, .is-blog-grid-v1 .c-blog-card:nth-child(5) .blog-card__title, .is-blog-grid-v1 .c-blog-card:nth-child(6) .blog-card__title, .is-blog-grid-v1 .c-blog-card:nth-child(7) .blog-card__title, .is-blog-grid-v4 .c-blog-card:nth-child(n+4):nth-child(-n+5) .blog-card__title, .blog-grid-common__col .c-blog-card .blog-card__title, .is-3-cards .c-blog-card .blog-card__title { margin-bottom: 8px; font-size: 16px; font-weight: 900; line-height: var(--lh8); } .is-blog-grid-v1 .c-blog-card:nth-child(2) .blog-card__pt2, .is-blog-grid-v1 .c-blog-card:nth-child(3) .blog-card__pt2, .is-blog-grid-v1 .c-blog-card:nth-child(4) .blog-card__pt2, .is-blog-grid-v1 .c-blog-card:nth-child(5) .blog-card__pt2, .is-blog-grid-v1 .c-blog-card:nth-child(6) .blog-card__pt2, .is-blog-grid-v1 .c-blog-card:nth-child(7) .blog-card__pt2, .is-blog-grid-v4 .c-blog-card:nth-child(n+4):nth-child(-n+5) .blog-card__pt2, .blog-grid-common__col .c-blog-card .blog-card__pt2, .is-3-cards .c-blog-card .blog-card__pt2 { font-size: var(--font-size14); font-weight: var(--font-weight500); line-height: var(--lh9); } .is-blog-grid-v4 .c-blog-card:nth-child(n+2):nth-child(-n+3) .blog-card__title { font-size: var(--font-size20); font-weight: var(--font-weight700); line-height: var(--lh7); } .c-blog-card:nth-child(n+2) .blog-card__thumbnail, .is-blog-grid-v1 .c-blog-card:nth-child(2) .blog-card__thumbnail, .is-blog-grid-v1 .c-blog-card:nth-child(3) .blog-card__thumbnail, .is-blog-grid-v1 .c-blog-card:nth-child(4) .blog-card__thumbnail, .is-blog-grid-v1 .c-blog-card:nth-child(5) .blog-card__thumbnail, .is-blog-grid-v1 .c-blog-card:nth-child(6) .blog-card__thumbnail, .is-blog-grid-v1 .c-blog-card:nth-child(7) .blog-card__thumbnail, .is-blog-grid-v4 .c-blog-card:nth-child(n+4):nth-child(-n+5) .blog-card__thumbnail, .blog-grid-common__col .c-blog-card .blog-card__thumbnail, .is-3-cards .c-blog-card .blog-card__thumbnail { width: 124px; min-height: 96px; border-radius: 8px; } .is-blog-grid-v1 .c-blog-card:nth-child(2) .blog-card__content, .is-blog-grid-v1 .c-blog-card:nth-child(3) .blog-card__content, .is-blog-grid-v1 .c-blog-card:nth-child(4) .blog-card__content, .is-blog-grid-v1 .c-blog-card:nth-child(5) .blog-card__content, .is-blog-grid-v1 .c-blog-card:nth-child(6) .blog-card__content, .is-blog-grid-v1 .c-blog-card:nth-child(7) .blog-card__content, .is-blog-grid-v4 .c-blog-card:nth-child(n+4):nth-child(-n+5) .blog-card__content, .blog-grid-common__col .c-blog-card .blog-card__content, .is-3-cards .blog-card__content { padding: 0 0 8px 24px; flex: 1; } .is-blog-grid-v1 .c-blog-card:nth-child(2)::after, .is-blog-grid-v1 .c-blog-card:nth-child(3)::after, .is-blog-grid-v1 .c-blog-card:nth-child(4)::after, .is-blog-grid-v1 .c-blog-card:nth-child(5)::after, .is-blog-grid-v1 .c-blog-card:nth-child(6)::after, .is-blog-grid-v1 .c-blog-card:nth-child(7)::after, .is-blog-grid-v4 .c-blog-card:nth-child(n+4):nth-child(-n+5)::after, .blog-grid-common__col .c-blog-card::after, .is-3-cards .c-blog-card::after { position: absolute; content: ""; width: 100%; bottom: -24px; border-bottom: 1px solid hsla(var(--cg3), 1) } .is-blog-grid-v3 .c-blog-card:nth-child(2), .is-blog-grid-v4 .c-blog-card:nth-child(n+4) { margin-top: 24px; } .is-blog-grid-v3 .c-blog-card:first-child { min-height: 24px; margin-bottom: 24px; flex-direction: row; grid-area: auto; grid-column-gap: 0; } .is-blog-grid-v3 .c-blog-card:nth-child(2) { margin-top: 0; } .is-blog-grid-v1 .c-blog-card:nth-child(6), .is-blog-grid-v1 .c-blog-card:nth-child(7), .is-blog-grid-v3 .c-blog-card:nth-child(3), .is-blog-grid-v3 .c-blog-card:nth-child(4), .is-3-cards .c-blog-card:last-child { margin-bottom: 0; } .is-blog-grid-v3 .c-blog-card:after { position: absolute; width: 100%; bottom: -24px; content: ""; border-bottom: 1px solid hsla(var(--cg3), 1) } .is-blog-grid-v3 .c-blog-card:first-child .blog-card__thumbnail { flex-basis: auto; width: 124px; min-height: 96px; border-radius: 8px; } .is-blog-grid-v3 .c-blog-card:first-child .blog-card__title { font-family: AvenirLTPro,sans-serif; font-size: 16px; font-weight: 900; line-height: var(--lh8); margin-bottom: 8px; } .is-blog-grid-v3 .c-blog-card:first-child .blog-card__content { flex-basis: auto; padding: 0 0 8px 24px; flex: 1; border-bottom: none; } .is-blog-grid-v3 .c-blog-card:first-child .blog-card__pt2 { font-size: var(--font-size16); } .is-blog-grid-v3 .c-blog-card:first-child .blog-card__c-author, .is-blog-grid-v3 .c-blog-card:first-child .blog-card__description, .is-blog-grid-v1 .c-blog-card:nth-last-child(2)::after, .is-blog-grid-v3 .c-blog-card:nth-last-child(2)::after, .is-3-cards .c-blog-card:last-child::after { display: none; } .is-blog-grid-v3 .c-blog-card:first-child .blog-card__pt2 { font-size: var(--font-size14); font-weight: var(--font-weight500); line-height: var(--lh9); } /* Cards --- Grid v4 */ .is-blog-grid-v4 .c-blog-card:first-child { margin-bottom: 24px; } .is-blog-grid-v4 .c-blog-card:nth-child(2), .is-blog-grid-v4 .c-blog-card:nth-child(3) { margin-bottom: 8px; } } /* mobile landscape */ @media screen and (max-width: 767px) { .tag-links::after { position: relative; min-width: 8px; content: ""; } /* Cards --- Grid v1 */ .is-blog-grid-v1 .c-blog-card:first-child { min-height: 0; margin-bottom: 0; flex-direction: column; grid-area: auto; } .is-blog-grid-v1 .c-blog-card:first-child .blog-card__thumbnail { margin-bottom: 24px; } .is-blog-grid-v1 .c-blog-card:first-child .blog-card__title { font-size: var(--font-size26); line-height: var(--lh6); margin-bottom: 8px; } .is-blog-grid-v1 .c-blog-card:first-child .blog-card__pt2 { font-size: var(--font-size16); } .is-blog-grid-v1 .c-blog-card:nth-last-child(2)::after, .is-blog-grid-v2 .c-blog-card:nth-last-child(2)::after, .is-blog-grid-v3 .c-blog-card:nth-last-child(2)::after { display: block; } .is-blog-grid-v2 .c-blog-card:nth-child(2), .is-blog-grid-v3 .c-blog-card:nth-child(2) { margin-top: 24px; } .is-blog-grid-v1 .c-blog-card:nth-child(6), .is-blog-grid-v2 .c-blog-card:nth-child(5), .is-blog-grid-v3 .c-blog-card:nth-child(3) { margin-bottom: 24px; } .is-blog-grid-v1 .c-blog-card:last-child { margin-bottom: 0!important; } .is-blog-grid-v4 .c-blog-card:first-child { grid-area: auto; } .is-blog-grid-v4 .c-blog-card:first-child, .is-blog-grid-v4 .c-blog-card:nth-child(2) { margin-bottom: 16px; } .is-blog-grid-v4 .c-blog-card:nth-child(3) { margin-bottom: 0; } .is-blog-grid-v4 .c-blog-card:nth-child(2) .blog-card__content, .is-blog-grid-v4 .c-blog-card:nth-child(3) .blog-card__content { padding: 24px; } .is-blog-grid-v4 .c-blog-card:nth-child(2) .blog-card__title, .is-blog-grid-v4 .c-blog-card:nth-child(3) .blog-card__title { margin-bottom: 8px; } } /*-----------------------------------*/ /* Footer */ /*-----------------------------------*/ .footer-blog-list-item:first-child { padding-top: 8px; } .footer-blog-list-item:last-child { padding-bottom: 0; border: 0; } /*-----------------------------------*/ /* Hero Slider */ /*-----------------------------------*/ .blog-hero-carousel-nav.swiper-button-disabled { opacity: 0.3; background-color: hsla(var(--cv9), 1); } .blog-hero-carousel-list .blog-hero-carousel-slide:last-child { margin-right: 5vw; } .blog-hero-carousel-slide.swiper-slide-active { z-index: 2; } /*-----------------------------------*/ /* Blog Rich Text Block */ /*-----------------------------------*/ .rtb-article ul li { background-image: url( background-position: 8px 11px; background-size: 8px 8px; background-repeat: no-repeat; padding-left: 40px; } .rtb-article h2 + h3 { margin: 32px auto 16px; } .rtb-article h3 + .w-embed .b-quote-embed { margin-top: 16px; } .rtb-article ol + .w-embed .b-quote-embed { margin-top: 8px; } .rtb-article figure a { transition: opacity .2s ease-in-out; } .rtb-article figure a:hover { opacity: 0.9; transition-duration: 0.09s; } .rtb-article .w-embed { width: 100%; max-width: 670px; margin-top: 32px; margin-bottom: 48px; margin-left: auto; margin-right: auto; } .b-article-link-embed { margin: 32px auto 64px; } .article-link-embed { display: flex!important; border-bottom: none!important; } .article-link-embed:hover .image-overlay { background-color: rgba(255,255,255,0.2); transition-duration: 0.09s; } .article-link-embed:hover .article-link-embed__tag { color: hsla(var(--cv6), 1); transition-duration: 0.09s; } .article-link-embed:hover .article-link-embed__title { color: hsla(var(--c4), 1); transition-duration: 0.09s; } @media screen and (max-width: 767px) { .rtb-article h2 + h3 { margin-top: -4px; } .rtb-article h3 + .w-embed .b-quote-embed { margin-top: 8px; } .rtb-article ol + .w-embed .b-quote-embed { margin-top: 0; } .rtb-article ul li { background-size: 6px 6px; background-position: 8px 10px; padding-left: 30px; } .b-article-link-embed { margin: 8px auto 48px; } } /*-----------------------------------*/ /* Violet Icons */ /*-----------------------------------*/ .split-content-benefit-item__ic, .partners-logo-item .partners-logo-item__image { filter: invert(7%) sepia(41%) saturate(7478%) hue-rotate(255deg) brightness(102%) contrast(104%); } .partners-logo.is-bg-rose .partners-logo-item__image { filter: invert(12%) sepia(44%) saturate(5393%) hue-rotate(252deg) brightness(92%) contrast(93%); } /*-----------------------------------*/ /* Split Content */ /*-----------------------------------*/ .b-split-content-v1 .split-content-v1:nth-child(even) .split-content-v1__col2, .b-split-content-v2 .split-content-v2:nth-child(even) .split-content-v2__col2 { order: -9999; } @media screen and (max-width: 991px) { .b-split-content-v1 .split-content-v1:nth-child(even) .split-content-v1__col2, .b-split-content-v2 .split-content-v2:nth-child(even) .split-content-v2__col2 { order: unset; } } ]]>
