.sub-navigation{border-top:2px solid rgba(0,68,149,.05);border-bottom:2px solid rgba(0,68,149,.05);text-align:center;position:fixed;top:calc(var(--athena-header-primary-nav-height) + var(--athena-header-announcement-bar-height));left:0;width:100%;z-index:15;background:#fff}.sub-navigation__wrapper{white-space:nowrap;display:flex;justify-content:flex-start;overflow:auto;align-items:center;width:100%}.sub-navigation__link{cursor:pointer;text-transform:uppercase;vertical-align:middle;display:inline-block;letter-spacing:1.93px;font-size:11px;line-height:1;text-decoration:none;transition:all .25s;padding:6px 11px 7px 13px;margin:16px 5px}.sub-navigation__link:hover{text-decoration:underline}.sub-navigation__link.active{pointer-events:none;background-color:#feefec;border-radius:11.5px}@media screen and (min-width:741px){.sub-navigation__link{padding:6px 11px 7px 13px;margin:23px 5px}}body[class*="page.faq"]{--faq-page-edge-padding-desktop: clamp(20px, 2.4vw, 2.4vw);--faq-page-edge-padding-mobile: clamp(15px, 5.7vw, 5.7vw);--faq-page-column-gap: clamp(20px, 2.4vw, 2.4vw);--faq-page-nav-width: clamp(240px, 30vw, 520px);--faq-page-card-radius-desktop: clamp(10px, 1.4vw, 1.4vw);--faq-page-card-radius-mobile: clamp(10px, 2.7vw, 2.7vw)}body[class*="page.faq"] #main{margin-top:0}body[class*="page.faq"] #main>.shopify-section--banner-with-text,body[class*="page.faq"] #main>.shopify-section--faq-list,body[class*="page.faq"] #main>.shopify-section--get-in-touch{box-sizing:border-box}body[class*="page.faq"] #main>.shopify-section--banner-with-text{padding-left:var(--faq-page-edge-padding-mobile);padding-right:var(--faq-page-edge-padding-mobile)}body[class*="page.faq"] #main>.shopify-section--sub-navigation .section{margin:0}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation{border:none}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__wrapper{white-space:normal}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__link{margin:0;text-decoration:none;color:var(--faq-subnav-default-text-color, #a1a1a1);transition:color .25s ease,background-color .25s ease,border-color .25s ease}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__link:hover{text-decoration:none}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__link.active,body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__link[aria-current=true]{pointer-events:auto;background-color:var(--faq-subnav-selected-pill-color, #6f1426);border-color:var(--faq-subnav-selected-pill-color, #6f1426);color:var(--faq-subnav-selected-text-color, #fff)}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__link-text{display:block}@media screen and (min-width:741px){body[class*="page.faq"] #main{padding-left:0;padding-right:0}body[class*="page.faq"] #main>.shopify-section--sub-navigation{position:relative;z-index:2;pointer-events:none}body[class*="page.faq"] #main>.shopify-section--sub-navigation .section{height:0;overflow:visible}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation{pointer-events:auto;position:fixed;top:calc(var(--athena-header-total-height, 0px) + var(--faq-page-edge-padding-desktop));left:var(--faq-page-edge-padding-desktop);width:var(--faq-page-nav-width);max-height:calc(100vh - var(--athena-header-total-height, 0px) - (var(--faq-page-edge-padding-desktop) * 2));overflow:hidden;background:transparent;z-index:2}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__wrapper{display:flex;flex-direction:column;align-items:stretch;gap:clamp(10px,.7vw,.7vw);width:100%;border:none;border-radius:var(--faq-page-card-radius-desktop);background-color:var(--faq-subnav-background-desktop, #fff);padding:clamp(20px,1.7vw,1.7vw);overflow-y:auto;max-height:inherit}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__link{text-align:center;border:.5px solid var(--faq-subnav-default-text-color, #a1a1a1);border-radius:999px;padding:clamp(8px,.7vw,.7vw) clamp(14px,1vw,1vw)}body[class*="page.faq"] #main>.shopify-section--banner-with-text{padding-left:var(--faq-page-edge-padding-desktop);padding-right:var(--faq-page-edge-padding-desktop)}body[class*="page.faq"] #main>.shopify-section--faq-list,body[class*="page.faq"] #main>.shopify-section--get-in-touch{padding-left:calc(var(--faq-page-edge-padding-desktop) + var(--faq-page-nav-width) + var(--faq-page-column-gap));padding-right:var(--faq-page-edge-padding-desktop)}}@media screen and (max-width:740px){body[class*="page.faq"] #main{padding-left:0;padding-right:0}body[class*="page.faq"] #main>.shopify-section--sub-navigation{position:sticky;top:var(--athena-header-total-height, 0px);z-index:2}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation{position:static;width:100%;border-bottom:.5px solid var(--faq-subnav-default-border-color, #a1a1a1);background-color:var(--dss-white, #fff);overflow-x:auto;overflow-y:hidden;padding:clamp(10px,2.7vw,2.7vw) clamp(20px,5.4vw,5.4vw);z-index:2}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__wrapper{display:flex;justify-content:flex-start;align-items:center;width:max-content;gap:clamp(10px,2.7vw,2.7vw);overflow:visible}body[class*="page.faq"] #main>.shopify-section--sub-navigation .sub-navigation__link{flex-shrink:0;text-align:center;border:.5px solid var(--faq-subnav-default-text-color, #a1a1a1);border-radius:999px;padding:clamp(9px,2.4vw,2.4vw) clamp(14px,3.7vw,3.7vw);min-height:clamp(34px,9vw,9vw);display:grid;place-content:center}body[class*="page.faq"] #main>.shopify-section--faq-list,body[class*="page.faq"] #main>.shopify-section--get-in-touch{padding-left:var(--faq-page-edge-padding-mobile);padding-right:var(--faq-page-edge-padding-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/268/assets/section--sub-navigation.css.map */