@import url("https://use.typekit.net/wqo0wct.css"); /* Scale Variable */ main { font-family: 'scale-variable', sans-serif; font-size:1rem; font-variation-settings: 'wght' 300, 'wdth' 100; letter-spacing: .04em; background: white; } ambassador-hero-block { --banner-background: #f8f8f8; --lc-hero-avatar-size: 110px; --lc-fullname-font-size: clamp(22px, 2vw, 36px); --lc-bio-font-size: clamp(14px, 1vw, 18px); --lc-primary-font-color: #hsl(1,0%,0%); --icon-color: hsl(1,0%,0%); --creator-btn-background-color: #b19cc8; } #loudcrowd-button { --lc-primary-font-color: hsl(1,0%,51%); --btn-color: hsl(1,0%,52%); color: hsl(1,0%,52%) !important; } loudcrowd-hero, hero-wrapper, .bio-wrapper, .bio-profile, .bio-description { --lc-primary-font-color: rgb(248, 248, 248); --lc-hero-font-color: #000; } loudcrowd-hero-action-button, loudcrowd-button .action-button { --lc-primary-font-color: #FFF; --btn-color: #FFF; --lc-btn-color: #FFF; color: #FFF !important; } ambassador-feed-block { /* product card properties */ --card-border-radius: 10px; --product-details-color: revert; --product-title-font-size: 1.2rem; --product-title-font-weight: revert; --price-font-size: 1rem; --price-discounted-color: red; --price-discounted-font-weight: revert; --price-color: revert; --price-font-weight: revert; --lc-collection-header-font-size: 20px; --lc-collection-product-count-font-size: 14px; --lc-collection-description-font-size: 16px; --lc-collection-navbar-font-size: 1.2rem; --lc-primary-background-color: white; } .navbar-outer-container { background-color: white; } @media only screen and (max-width: 767px) { ambassador-hero-block { --lc-hero-font-size: clamp(22px, 2vw, 36px); } } @media only screen and (min-width: 1px) { .bio-description { --lc-primary-font-color: red; --lc-hero-font-color: black; } }