Join the list and get 20% off your order.Unlock 20%
My Account Cart
#cp-account-page{ –ink:#152A4D; –ink2:#23415F; –muted:#5B728B; –line:#D9E6EF; –soft:#F4F8FB; –white:#FFFFFF; –teal:#18A7AE; –teal2:#155E75; –navy:#0F2746; –max:1370px; –pad:18px; –radius:24px; –radius2:18px; –fontHead: var(–cp-font-head, “DM Sans”, Inter, system-ui, -apple-system, “Segoe UI”, Roboto, Arial, sans-serif); –fontBody: var(–cp-font-body, “Inter”, system-ui, -apple-system, “Segoe UI”, Roboto, Arial, sans-serif); –fontSerif: var(–cp-font-serif, “Playfair Display”, Georgia, “Times New Roman”, serif); font-family:var(–fontBody); color:var(–ink); background: radial-gradient(900px 340px at 50% 0%, rgba(24,167,174,.08) 0%, rgba(24,167,174,0) 70%), #fff; padding:22px 0 80px; } #cp-account-page *{ box-sizing:border-box; } #cp-account-page a{ text-decoration:none; } #cp-account-page .wrap{ max-width:var(–max); margin:0 auto; padding:0 var(–pad); } /* Hero */ #cp-account-page .hero{ position:relative; overflow:hidden; border-radius:28px; background: linear-gradient(135deg, #0F2746 0%, #155E75 58%, #18A7AE 100%); box-shadow:0 18px 40px rgba(15,39,70,.14); padding:56px 42px 52px; margin-bottom:24px; } #cp-account-page .hero::before{ content:””; position:absolute; inset:0; background: radial-gradient(600px 260px at 12% 18%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 65%), radial-gradient(500px 240px at 85% 80%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 70%); pointer-events:none; } #cp-account-page .hero-inner{ position:relative; z-index:2; max-width:760px; } #cp-account-page .eyebrow{ margin:0 0 12px; font-family:var(–fontHead); font-size:14px; line-height:1.2; letter-spacing:.14em; text-transform:uppercase; font-weight:800; color:rgba(255,255,255,.76); } #cp-account-page h1{ margin:0 0 14px; font-family:var(–fontHead); font-size:56px; line-height:1.02; letter-spacing:-.03em; font-weight:500; color:#fff; } #cp-account-page .hero-sub{ margin:0; max-width:680px; font-family:var(–fontSerif); font-style:italic; font-weight:500; font-size:20px; line-height:1.65; color:rgba(255,255,255,.92); } /* Account shell */ #cp-account-page .account-shell{ position:relative; border-radius:28px; background:var(–white); border:1px solid rgba(21,42,77,.09); box-shadow: 0 20px 44px rgba(15,39,70,.08), inset 0 1px 0 rgba(255,255,255,.75); overflow:hidden; } #cp-account-page .account-shell::before{ content:””; display:block; height:8px; background:linear-gradient(90deg, #18A7AE 0%, #155E75 100%); } #cp-account-page .account-inner{ padding:30px 28px 34px; } /* smaller intro strip */ #cp-account-page .account-top{ border-radius:18px; background:var(–soft); border:1px solid rgba(21,42,77,.08); padding:22px 20px; margin-bottom:22px; } #cp-account-page .account-top h2{ margin:0 0 8px; font-family:var(–fontHead); font-size:28px; line-height:1.08; font-weight:600; letter-spacing:-.02em; color:var(–ink); } #cp-account-page .account-top p{ margin:0; color:var(–muted); font-size:16px; line-height:1.7; font-weight:500; max-width:760px; } /* Woo area */ #cp-account-page .woo-wrap{ border-radius:22px; background:#fff; border:1px solid var(–line); padding:26px; } #cp-account-page .woocommerce{ color:var(–ink); font-family:var(–fontBody); } #cp-account-page .woocommerce::after, #cp-account-page .woocommerce::before{ content:””; display:table; clear:both; } #cp-account-page .woocommerce h2, #cp-account-page .woocommerce h3, #cp-account-page .woocommerce legend{ font-family:var(–fontHead); color:var(–ink); letter-spacing:-.02em; } #cp-account-page .woocommerce p, #cp-account-page .woocommerce li, #cp-account-page .woocommerce label, #cp-account-page .woocommerce address{ font-size:16px; line-height:1.65; color:var(–ink2); } #cp-account-page .woocommerce a{ color:var(–teal2); font-weight:700; } #cp-account-page .woocommerce a:hover{ color:var(–navy); } #cp-account-page .woocommerce-MyAccount-navigation{ width:270px; } #cp-account-page .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; border-radius:18px; background:var(–soft); border:1px solid rgba(21,42,77,.08); overflow:hidden; } #cp-account-page .woocommerce-MyAccount-navigation ul li{ margin:0; padding:0; border-top:1px solid rgba(21,42,77,.08); } #cp-account-page .woocommerce-MyAccount-navigation ul li:first-child{ border-top:0; } #cp-account-page .woocommerce-MyAccount-navigation ul li a{ display:block; padding:16px 18px; font-family:var(–fontHead); font-size:14px; font-weight:800; letter-spacing:.03em; color:var(–ink); } #cp-account-page .woocommerce-MyAccount-navigation ul li.is-active a, #cp-account-page .woocommerce-MyAccount-navigation ul li a:hover{ background:linear-gradient(90deg, rgba(24,167,174,.12) 0%, rgba(21,94,117,.08) 100%); color:var(–teal2); } #cp-account-page .woocommerce-MyAccount-content{ width:calc(100% – 310px); } #cp-account-page .woocommerce-MyAccount-content > *:first-child{ margin-top:0 !important; } #cp-account-page .woocommerce table.shop_table, #cp-account-page .woocommerce-orders-table, #cp-account-page .woocommerce-table{ border-collapse:separate; border-spacing:0; width:100%; border:1px solid rgba(21,42,77,.10); border-radius:16px; overflow:hidden; background:#fff; } #cp-account-page .woocommerce table.shop_table th, #cp-account-page .woocommerce table.shop_table td, #cp-account-page .woocommerce-orders-table th, #cp-account-page .woocommerce-orders-table td{ padding:14px 16px; border-top:1px solid rgba(21,42,77,.08); text-align:left; vertical-align:middle; } #cp-account-page .woocommerce table.shop_table thead th, #cp-account-page .woocommerce-orders-table thead th{ background:var(–soft); border-top:0; font-family:var(–fontHead); font-size:13px; font-weight:800; color:var(–ink); letter-spacing:.05em; text-transform:uppercase; } #cp-account-page .woocommerce .button, #cp-account-page .woocommerce button.button, #cp-account-page .woocommerce a.button, #cp-account-page .woocommerce input.button{ min-height:46px; border:0 !important; border-radius:999px !important; padding:0 18px !important; background:linear-gradient(135deg, var(–teal2) 0%, var(–teal) 100%) !important; color:#fff !important; font-family:var(–fontHead) !important; font-size:13px !important; font-weight:800 !important; letter-spacing:.03em !important; box-shadow:0 10px 22px rgba(21,94,117,.16); } #cp-account-page .woocommerce form .form-row{ margin-bottom:16px; } #cp-account-page .woocommerce input.input-text, #cp-account-page .woocommerce textarea, #cp-account-page .woocommerce select, #cp-account-page .woocommerce form .password-input input{ width:100%; min-height:52px; border:1px solid rgba(21,42,77,.14); border-radius:14px; background:#fff; padding:12px 14px; font-size:16px; color:var(–ink); box-shadow:none; } #cp-account-page .woocommerce textarea{ min-height:140px; resize:vertical; } #cp-account-page .woocommerce-error, #cp-account-page .woocommerce-info, #cp-account-page .woocommerce-message{ margin:0 0 18px !important; border:1px solid rgba(21,42,77,.10); border-left:4px solid var(–teal); border-radius:14px; background:#f8fbfd; color:var(–ink); padding:14px 16px 14px 18px !important; } #cp-account-page .woocommerce-form-login, #cp-account-page .woocommerce-form-register{ border:1px solid rgba(21,42,77,.10) !important; border-radius:18px !important; background:var(–soft); padding:22px !important; margin:0 0 18px !important; } @media (max-width: 980px){ #cp-account-page .hero{ padding:38px 24px 34px; border-radius:22px; } #cp-account-page h1{ font-size:40px; } #cp-account-page .hero-sub{ font-size:17px; } #cp-account-page .account-inner{ padding:20px 18px 22px; } #cp-account-page .woo-wrap{ padding:18px; } #cp-account-page .woocommerce-MyAccount-navigation, #cp-account-page .woocommerce-MyAccount-content{ float:none !important; width:100% !important; } #cp-account-page .woocommerce-MyAccount-navigation{ margin-bottom:18px; } } @media (max-width: 640px){ #cp-account-page{ padding:14px 0 48px; } #cp-account-page .wrap{ padding:0 14px; } #cp-account-page .hero{ padding:30px 18px 26px; margin-bottom:16px; } #cp-account-page .eyebrow{ font-size:12px; } #cp-account-page h1{ font-size:32px; line-height:1.04; } #cp-account-page .hero-sub{ font-size:16px; line-height:1.6; } #cp-account-page .account-top{ padding:18px 16px; border-radius:16px; } #cp-account-page .account-top h2{ font-size:23px; } #cp-account-page .woo-wrap{ padding:14px; border-radius:18px; } #cp-account-page .woocommerce table.shop_table th, #cp-account-page .woocommerce table.shop_table td, #cp-account-page .woocommerce-orders-table th, #cp-account-page .woocommerce-orders-table td{ padding:12px 10px; font-size:14px; } #cp-account-page .woocommerce .button, #cp-account-page .woocommerce button.button, #cp-account-page .woocommerce a.button, #cp-account-page .woocommerce input.button{ width:100%; justify-content:center; } }

Your Certified-Pep Account

Account access made simple

View orders, manage addresses, update account details, and keep everything in one place.