.new-nav-menu-container > .new-nav-menu__pt1 > .new-nav-menu-links > .new-nav-menu-links__pt1 > .c-new-nav-link { min-height: 80px; } .new-nav-menu__transparent-dk > .new-nav-menu-container > .new-nav-menu__pt1 > .new-nav-menu-links > .new-nav-menu-links__pt1 > .c-new-nav-link > .new-nav-link > .beauty-leaderboard-en:after, .new-nav-menu__transparent-dk > .new-nav-menu-container > .new-nav-menu__pt1 > .new-nav-menu-links > .new-nav-menu-links__pt1 > .c-new-nav-link > .new-nav-link > .beauty-leaderboard-fr:after { color: #250e62; } .new-nav-menu__transparent-dk > .new-nav-menu-container > .new-nav-menu__pt2-hero > .c-new-nav-link__contact > .button__nav-square { background-color: 250E62; } @media screen and (max-width: 991px) { .new-nav-link-dropdown { max-width: none; } .new-nav-link-dropdown { max-height: calc(100vh - 60px); } .new-nav-menu-links { height: calc(var(--vh, 1vh) * 100); } } /* New Nav End */ .use-cases-benefits-item:last-child { border-bottom: none; } .prevnext-target:empty {display: none} .read-time-text::before { content: "•"; position: relative; top: -1px; margin-right: 8px; font-size: 8px; } .beauty-leaderboard-en, .beauty-leaderboard-fr { position: relative; } .beauty-leaderboard-en:after { content: "Brand Leaderboard"; 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: 8px; line-height: 14px; text-transform: uppercase; position: absolute; right: 0; bottom: -10px; } .event-hero-bg.event-hero-bg__no-form { left: 140px; width: calc(50vw - 148px); border-radius: 5px 0 0 5px; } input[type="number"] { -moz-appearance:textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .roi-form {min-height: 470px!important;} .input__select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; background-image: url( background-position: calc(100% - 10px) 17px; background-repeat: no-repeat; cursor: pointer; } .input__xl { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; background-image: url( background-position: calc(100% - 16px) 28px; background-repeat: no-repeat; cursor: pointer; } .input-hide-arrow { background-image: none; } @media screen and (min-width: 2106px) { .event-hero-bg.event-hero-bg__no-form { left: 140px; width: calc(50vw - 148px); border-radius: 5px 5px 5px 5px; } } @media screen and (max-width: 767px) { .input__xl { background-position: calc(100% - 10px) 21px!important; } } .button.button__disabled {pointer-events: none;} .calculator-nav__disable > .calculator-nav__number, .calculator-nav__filled > .calculator-nav__number { display: none; } .swiper-nav:focus { outline:none; } .swiper-button-disabled {opacity: 0.3;} .podcast-person:hover > .podcast-person-card-cover {filter: grayscale(0%);} .c-article-sidebar-link ul li a.active-anchor { color: #250E62; font-weight: 900; } .type-h2-link:hover {color: #fd7463!important;} .customers-quotes-tab-link.circle-border.w--current > .customers-tab-link__image { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .customers-quotes-tab-link::before, .customers-quotes-tab-link::after { top: 0; left: 0; } .customers-quotes-tab-link::before { border: 4px solid transparent; } .customers-quotes-tab-link:hover::before { border-top-color: #F9423A; border-right-color: #F9423A; border-bottom-color: #F9423A; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.10s, border-bottom-color 0.15s linear 0.20s; } .customers-quotes-tab-link::after { border: 0 solid transparent; } .customers-quotes-tab-link:hover::after { border-top: 4px solid #F9423A; border-left-width: 4px; border-right-width: 4px; transform: rotate(270deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; } .circle-border { border-radius: 100%; box-shadow: none; } .circle-border::before, .circle-border::after { border-radius: 100%; } .c-button-tab.w--current > .button-tab {background-color: #250e62; color: #fff;} body { -webkit-font-smoothing: antialiased; } .icon-font { font-weight: normal; -webkit-font-smoothing: antialiased; font-weight: normal; } .card-border { z-index: 25; } .image-fit-cover, .card-cover__image { object-fit: cover; } .home-dropdown-toggle.w-dropdown-toggle.w--open {border-radius: 5px 5px 0 0; animation-delay: 1s;} .home-dropdown-toggle.w-dropdown-toggle.w--open > .icon-font {transform: rotate(180deg);} .home-dropdown-toggle {-webkit-tap-highlight-color: transparent;} .optin-bar { transform: translate3d(0, 100%, 0); transform-style: preserve-3d; } .optin-bar.open { transform: translate3d(0, 0%, 0); } .optin-bar.open .optin-bar-btn__icon-normal {opacity: 0;} .optin-bar.open .optin-bar-btn__icon-active {opacity: 1;} .c-podcast-item__author-name::after { content: ', '; } .c-podcast-item__author-name:last-child::after { content: ''; } .c-article-sidebar-link.hide { display: none; } .tabs-content-partners {overflow: inherit;} .w-slider-dot {width: 8px; height: 8px; background: #CAD1DD; margin: 0 8px;} .w-slider-dot.w-active {background: #250E62;} .c-card.c-card__use-cases:last {border-bottom: none;} .featured-post.swiper-slide {display: grid;} .swiper-pagination-bullet {background: #CAD1DD; margin: 0 8px; opacity: 1;} .swiper-pagination-bullet-active {background: #250E62;} .swiper-slide { height: auto; } @media screen and (min-width: 992px) { .use-cases-cards {display: grid;} .use-cases-cards-collection.swiper-container {overflow: inherit;} .use-cases-cards.swiper-wrapper {padding-bottom: 20px;} } @media screen and (min-width: 768px) { .footer-card-list.swiper-wrapper {display: grid;} .b-footer-card-list-collection.swiper-container.swiper-footer {overflow: inherit;} .swiper-container {overflow: inherit;} } @media screen and (max-width: 991px) { .c-use-cases-card.swiper-slide {width: 270px; min-height: 275px;} .c-use-cases-card.swiper-slide:last-child {margin-right: 40px;} .use-cases-cards-collection.swiper-container {overflow: hidden;} .event-hero-bg.event-hero-bg__no-form { left: 0px; width: 100%; border-radius: 5px 5px 5px 5px; } } @media screen and (max-width: 767px) { blockquote::before {display: none;} .b-footer-card-list.swiper-container {overflow: hidden;} .footer-card-list {padding-bottom:24px;} .c-card__footer-latest-content.swiper-slide {width: 270px; min-height: 312px;} .c-card__footer-latest-content.swiper-slide:first-child {margin-left: 10px;} .c-card__footer-latest-content.swiper-slide:last-child {margin-right: 10px;} } @media screen and (min-width: 2390px) { .logo-wall-mask {display: block;} } .stay-in-the-know.water-leaf > .stay-in-the-know__title {color: #250E62;} .stay-in-the-know.water-leaf > .p-long {color: #000000;} .stay-in-the-know.water-leaf > .stay-in-the-know__disclaimer {color:#250E62;} .stay-in-the-know.water-leaf > .stay-in-the-know__disclaimer > a {color:#250E62;} .stay-in-the-know.romantic-pink > .stay-in-the-know__title {color: #250E62;} .stay-in-the-know.romantic-pink > .p-long {color: #000000;} .stay-in-the-know.romantic-pink > .stay-in-the-know__disclaimer {color:#250E62;} .stay-in-the-know.romantic-pink > .stay-in-the-know__disclaimer > a {color:#250E62;} .stay-in-the-know.violent-violet > .stay-in-the-know__title {color: #FFCFBE;} .stay-in-the-know.violent-violet > .p-long {color: #FFFFFF;} @media screen and (max-width: 991px) { .use-cases-cards.swiper-wrapper.why-traackr {grid-column-gap: 0; grid-row-gap: 0;} .use-cases-cards.swiper-wrapper._3-cols {grid-column-gap: 0px; grid-row-gap: 16px;} } @media screen and (max-width: 767px) { .footer-card-list.swiper-wrapper {grid-column-gap: 0; grid-row-gap: 0;} } @media screen and (max-width: 479px) { .event-hero-bg {width: calc(100% + 30px);} .event-hero-bg.event-hero-bg__no-form { width: calc(100% + 30px); left: 0px; border-radius: 0; } } @media screen and (max-width: 1120px) and (min-width: 991px) { .new-nav-menu-logo { margin-right: 16px; } .new-nav-link { font-size: 15px; padding-right: 8px; padding-left: 8px; } .button__nav { padding-right: 16px; padding-left: 16px; } } ]]> * { 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; } } ]]>
