/* Make text look crisper and more legible in all browsers */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type= »file »]:focus-visible {
outline: 0.125rem solid #4d65ff;
outline-offset: 0.125rem;
}
/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
margin-bottom: 0 !important;
}
/* Prevent all click and hover interaction with an element */
.pointer-events-off {
pointer-events: none;
}
/* Enables all click and hover interaction with an element */
.pointer-events-on {
pointer-events: auto;
}
/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
content: « »;
display: block;
padding-bottom: 100%;
}
/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example « All Links » in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
*/
/* Apply « … » after 3 lines of text */
.text-style-3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply « … » after 2 lines of text */
.text-style-2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Adds inline flex display */
.display-inlineflex {
display: inline-flex;
}
/* These classes are never overwritten */
.hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.hide, .hide-tablet {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.hide-mobile-landscape{
display: none !important;
}
}
@media screen and (max-width: 479px) {
.hide-mobile{
display: none !important;
}
}
.margin-0 {
margin: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}
.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.home-products_tabs:before,
.home-products_tabs:after,
.fixed-tabs:before,
.fixed-tabs_tabs:after {
content: none;
}
.fixed-tabs_button.w–current .fixed-tabs_active {
opacity: 100%;
}
.fixed-tabs_button.w–current .fixed-tabs_title {
font-weight: 500;
}
.home-products_menu-item.w–current .home-products_menu-slide {
width: 100%;
}
.nav-dropdown_menu-link:hover svg path,
.nav-dropdown_menu-link.w–current svg path {
fill: #1c55fb;
}
@media (max-width: 340px) {
.nav_right-button { display: none; }
.nav_menu-item.is-mobile-button { display: flex; }
}
.section_login-bg {
height: calc(100% + 100px;)
}
.template-nav_container,
.tabs_menu,
.blog-list_nav-wrap {
overflow: auto;
white-space: nowrap;
}
.tabs_menu,
.template-nav_container,
.blog-list_nav-wrap {
-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
}
.tabs_menu::-webkit-scrollbar,
.template-nav_container::-webkit-scrollbar,
.blog-list_nav-wrap::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.is-footer-dark .footer_menu-item-link,
.is-footer-dark .footer_menu-title-text,
.is-footer-dark .footer_legal-menu,
.is-footer-dark .footer_legal-menu-link,
.is-footer-dark .footer_lang-selector,
.is-footer-dark .footer_social-link {
color: #fff;
}
.is-footer-dark .footer_menu-item-link:hover,
.is-footer-dark .footer_legal-menu-link:hover,
.is-footer-dark .footer_social-link:hover {
opacity: 70%;
}
.is-footer-dark .footer_menu-title-line {
opacity: 30%
}
.is-footer-dark .footer_legal {
border-top-color: rgba(241, 245, 249, 0.30);
}
.about-values_card.is-active {
border-color: #1C55FB;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02), -16px -10px 50px 0px rgba(28, 85, 251, 0.05), 8px -2px 50px 0px rgba(28, 85, 251, 0.05);
}
.podcast_card:hover .podcast_card-title,
.podcast_card:focus .podcast_card-title {
color: #1C55FB;
}
@media (max-width: 1150px) {
.blog_search-wrapper {
position: static;
margin-bottom: 2rem;
}
}
.sf_input-radio.w–redirected-checked ~ .w-form-label {
color: #292929;
}
.sf_input-radio.w–redirected-checked ~ .sf-input-check-icon.is-radio .sf_input-radio-icon {
opacity: 1;
}
.sf_input-radio.w–redirected-checked ~ .sf-input-check-icon.is-radio {
background: #292929;
border-color: #292929;
}
.sf_input-radio.w–redirected-checked ~ .sf_input-inner {
color: #292929;
}
.sf_input-radio.w–redirected-checked ~ .sf_input-inner .sf_input-radio-icon {
background: #292929;
opacity: 1;
}
.sf_input-radio.w–redirected-checked ~ .sf_input-inner .sf-input-check-icon {
border-color: #292929;
}
.sf_input-radio.w–redirected-checked {
background: #fff;
}
.weglot-link–active {
color: #1c55fb;
}
.is-footer-dark .weglot-link–active {
opacity: .7;
}
.footer_solutions .footer_component {
background: #050E3D !important;
}
.solution_list-item {
background: linear-gradient(179deg, #1C4BDD -28.31%, #1A184E 139.34%);
}
Since the beginning of commerce, brands and retailers have been locked in a dynamic power struggle.
In the early days, the retail ecosystem was incredibly fragmented and retailers paid reputable brands a premium to list them. But when the ecosystem began to consolidate into a handful of larger retailers, they suddenly had leverage over brands. Retailers now own marketplaces, ad platforms, robust customer insights, and consumer relationships, but winning brands will be able to turn this on its head, leveraging marketplaces’ consumer infrastructure to their own advantage. Data is power – and retailers are forced to give it away.
Highlights
- Power implications for large brands on digital marketplaces that value selection, not scale
- Motivations of retailers both as retailers and as advertising platforms
- How brands can evaluate and select the best retailer partners in a crowded RMN landscape
Ready to grow your business?
Let’s discuss the best approach to meet your brand’s specific needs.