body:has(cclp-header-section[data-header-mode=lp_header]){--cclp-header-height: 70px;--cclp-announcement-height: 0px}body:has(cclp-header-section[data-header-mode=lp_header][data-show-announcement=true]){--cclp-announcement-height: 35px}body:has(cclp-header-section[data-header-mode=no_header]){--cclp-header-height: 0px;--cclp-announcement-height: 0px}@media(min-width:1024px){body:has(cclp-header-section[data-header-mode=lp_header]){--cclp-header-height: 75px}}body:has(cclp-header-section:not([data-header-mode=site_header])) #shopify-section-group-header-group,body:has(cclp-header-section:not([data-header-mode=site_header])) .shopify-section:has(#main-header),body:has(cclp-header-section:not([data-header-mode=site_header])) .shopify-section:has(.header-promo.js__header-promo-wrapper),body:has(cclp-header-section:not([data-header-mode=site_header])) .header__wrapper,body.state--cclp-lp-header #shopify-section-group-header-group,body.state--cclp-lp-header .shopify-section:has(#main-header),body.state--cclp-lp-header .shopify-section:has(.header-promo.js__header-promo-wrapper){display:none!important}body:has(cclp-header-section:not([data-header-mode=site_header])) cclp-nav-v1,body:has(cclp-header-section:not([data-header-mode=site_header])) cclp-nav-v2-root,body:has(cclp-header-section:not([data-header-mode=site_header])) cclp-nav-v3,body:has(cclp-header-section:not([data-header-mode=site_header])) cclp-nav-v4,body.state--cclp-lp-header cclp-nav-v1,body.state--cclp-lp-header cclp-nav-v2-root,body.state--cclp-lp-header cclp-nav-v3,body.state--cclp-lp-header cclp-nav-v4{display:none!important}body:has(cclp-header-section[data-header-mode=lp_header]) main#MainContent,body.state--cclp-lp-header:not(.state--no-header) main#MainContent{padding-top:calc(var(--cclp-announcement-height, 0px) + var(--cclp-header-height, 70px))!important}body:has(cclp-header-section:not([data-header-mode=site_header])) .sticky-atc-new,body.state--cclp-lp-header .sticky-atc-new{display:none!important}@media(min-width:1024px){body:has(cclp-header-section:not([data-header-mode=site_header])).state--sticky-atc .product__sticky,body.state--cclp-lp-header.state--sticky-atc .product__sticky{top:0;padding-top:0;transform:translateY(calc(var(--cclp-announcement-height, 0px) + var(--cclp-header-height, 75px)))}}@media(min-width:769px){body:has(cclp-header-section:not([data-header-mode=site_header])).state--selected-shades-full .product__sticky--mini,body.state--cclp-lp-header.state--selected-shades-full .product__sticky--mini{transform:translateY(calc(var(--cclp-announcement-height, 0px) + var(--cclp-header-height, 75px)))}body:has(cclp-header-section:not([data-header-mode=site_header])).state--selected-shades-full.scrolling-up .product__sticky--mini,body.state--cclp-lp-header.state--selected-shades-full.scrolling-up .product__sticky--mini{transform:translateY(-120%)}html.state--mb-upsell-open body:has(cclp-header-section:not([data-header-mode=site_header])) .product__sticky--mini,html.state--mb-upsell-open body.state--cclp-lp-header .product__sticky--mini{transform:translateY(calc(var(--cclp-announcement-height, 0px) + var(--cclp-header-height, 75px)))}}cclp-header-section{display:block}html:has(body.state--cclp-lp-header){overflow-x:hidden;scrollbar-gutter:auto;max-width:100%}body.state--cclp-lp-header{overflow-x:hidden;max-width:100%}.cclp-header{position:fixed;top:0;left:0;right:0;height:70px;z-index:10;background:#fff;border-bottom:1px solid #ccc}.cclp-header[data-show=false]{display:none}@media(min-width:1024px){.cclp-header{height:75px}}.cclp-header__content{position:relative;display:flex;align-items:center;height:100%;padding:0 20px}.cclp-header__links--desktop{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:40px;justify-content:space-between;height:100%;list-style:none;margin:0;padding:0}.cclp-header__links--desktop li a{font-family:RingsideWideWeb,sans-serif;font-size:15px;font-weight:500;text-decoration:none;color:#000}@media(max-width:1023px){.cclp-header__content{padding-left:0;padding-right:20px}.cclp-header__links--desktop{display:none}}@media(min-width:1200px){.cclp-header__links--desktop{gap:90px}}.cclp-header__cta--desktop{position:absolute;top:50%;right:28px;transform:translateY(-50%)!important}@media(max-width:1023px){.cclp-header__cta--desktop{display:none}}.cclp-header__links--mobile{background:#f6f2eb;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.39,.575,.565,1);list-style:none;margin:0;padding:0}.state--landing-header-open .cclp-header__links--mobile{opacity:1;pointer-events:auto}.cclp-header__links--mobile li{padding:15px 20px}.cclp-header__links--mobile li:not(:last-child){border-bottom:1px solid #d4d4d4}.cclp-header__links--mobile a{display:block;width:100%;text-decoration:none;color:#000}.cclp-header__links--mobile li:has(.cclp-header__cta--mobile){padding:10px 20px 15px}.cclp-header__cta--mobile{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;height:44px;text-align:center;color:#fff!important;background:#000;border-color:#000}.landing-announcement-bar{position:fixed;top:0;left:0;right:0;z-index:11;text-align:center;overflow:hidden}.landing-announcement-bar__text{font-family:ArticulatCF,sans-serif;font-size:13px;font-weight:400;text-decoration:none;line-height:21px;display:flex;justify-content:center;align-items:center;padding:7px 40px}.cclp-header--has-announcement{top:var(--cclp-announcement-height, 35px)}@media(min-width:1024px){.landing-announcement-bar__text{font-size:15px}}.cclp-header .header__logo{display:block;height:21px;left:28px;position:absolute;top:27px;width:255px}.cclp-header .header__logo svg{transition:fill .4s}.cclp-header .header__logo .jones-road-logo{width:190px;height:18px;max-width:none}@media screen and (min-width:1024px){.cclp-header .header__logo .jones-road-logo{width:256px;height:22px}}@media screen and (max-width:1023px){.cclp-header .header__logo{bottom:0;height:18px;left:5px;margin:auto;right:0;top:0;width:190px}}@media screen and (max-width:393px){.cclp-header .header__logo{width:209px}}.cclp-header .header__toggle{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:0;height:70px;width:70px}@media screen and (min-width:1024px){.cclp-header .header__toggle{display:none}}@media screen and (max-width:393px){.cclp-header .header__toggle{height:80px;width:80px}}.cclp-header .header__toggle__icon:after,.cclp-header .header__toggle__icon:before{background:#000;content:"";left:0;transform-origin:center;transition:transform .4s cubic-bezier(.165,.84,.44,1)}.cclp-header .header__toggle__icon{left:21px;top:50%;margin-top:-1px}.cclp-header .header__toggle__icon,.cclp-header .header__toggle__icon:after,.cclp-header .header__toggle__icon:before{height:2px;position:absolute;width:28px}@media screen and (max-width:1023px){.cclp-header .header__toggle__icon,.cclp-header .header__toggle__icon:after,.cclp-header .header__toggle__icon:before{width:28px!important}}.cclp-header .header__toggle__icon:after{transform:translateY(-3px)}.cclp-header .header__toggle__icon:before{transform:translateY(3px)}.cclp-header [aria-expanded=true] .header__toggle__icon:after{transform:translateY(0) rotate(-45deg)}.cclp-header [aria-expanded=true] .header__toggle__icon:before{transform:translateY(0) rotate(45deg)}.cclp-header a:focus-visible,.cclp-header button:focus-visible,.cclp-header .button:focus-visible{outline:2px solid #000;outline-offset:2px}.cclp-header .header__toggle:focus-visible{outline-offset:4px}.landing-announcement-bar a:focus-visible{outline:2px solid currentColor;outline-offset:2px}body[data-template=cclp-emily-storytelling] .cclp-header__content,body.template-page-cclp-emily-storytelling .cclp-header__content{padding:0 20px}@media(min-width:1024px){body[data-template=cclp-emily-storytelling] .cclp-header__links--desktop,body.template-page-cclp-emily-storytelling .cclp-header__links--desktop{gap:40px}}@media(min-width:1200px){body[data-template=cclp-emily-storytelling] .cclp-header__links--desktop,body.template-page-cclp-emily-storytelling .cclp-header__links--desktop{gap:90px}}
/*# sourceMappingURL=/cdn/shop/t/1084/assets/section-cclp-header.css.map */