:root { --tbtc-cd-navy: var(--tbtc-navy, #1f3044); --tbtc-cd-ink: var(--tbtc-ink, #151515); --tbtc-cd-ivory: var(--tbtc-ivory, #fbf8f3); --tbtc-cd-soft: var(--tbtc-soft-ivory, #f7f4ef); --tbtc-cd-brass: var(--tbtc-brass, #8b6745); --tbtc-cd-line: var(--tbtc-line, #ddd3c7); } .tbtc-search-toggle { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; min-width: 42px; padding: 0; color: var(--tbtc-cd-navy); background: transparent; border: 0; border-radius: 0; cursor: pointer; } .tbtc-search-toggle:hover, .tbtc-search-toggle:focus-visible { color: #fff; background: var(--tbtc-cd-navy); } .tbtc-search-panel { position: fixed; inset: 0; z-index: 100000; display: grid; align-items: start; justify-items: center; padding: clamp(72px, 11vh, 132px) 20px 30px; visibility: hidden; opacity: 0; transition: opacity .2s ease, visibility .2s ease; } .tbtc-search-panel.is-open { visibility: visible; opacity: 1; } .tbtc-search-panel__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; background: rgba(16, 30, 45, .78); border: 0; cursor: default; } .tbtc-search-panel__dialog { position: relative; z-index: 1; width: min(760px, 100%); padding: clamp(28px, 5vw, 52px); background: var(--tbtc-cd-ivory); border-top: 4px solid var(--tbtc-cd-brass); box-shadow: 0 24px 70px rgba(0, 0, 0, .28); } .tbtc-search-panel__close { position: absolute; top: 14px; right: 16px; width: 38px; height: 38px; padding: 0; color: var(--tbtc-cd-navy); background: transparent; border: 0; font: 32px/1 Georgia, serif; cursor: pointer; } .tbtc-search-panel__eyebrow, .tbtc-shop-tools__heading p { margin: 0 0 5px; color: var(--tbtc-cd-brass); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } .tbtc-search-panel h2, .tbtc-shop-tools h2 { margin: 0; color: var(--tbtc-cd-navy); font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.025em; } .tbtc-search-panel h2 { font-size: clamp(30px, 5vw, 46px); } .tbtc-search-panel__intro { margin: 8px 0 22px; } .tbtc-search-panel__form, .tbtc-shop-tools__search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; } .tbtc-search-panel__form input, .tbtc-shop-tools__search input, .tbtc-filter-form select { width: 100%; min-height: 46px; padding: 10px 13px; color: var(--tbtc-cd-ink); background: #fff; border: 1px solid var(--tbtc-cd-line); border-radius: 0; } .tbtc-search-panel__form button, .tbtc-shop-tools__search button, .tbtc-filter-form button { min-height: 46px; padding: 10px 18px; color: #fff; background: var(--tbtc-cd-navy); border: 1px solid var(--tbtc-cd-navy); border-radius: 0; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; } .tbtc-search-panel__quick { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 20px; } .tbtc-search-panel__quick > span { margin-right: 3px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .tbtc-search-panel__quick a, .tbtc-colour-chips a { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 6px 11px; color: var(--tbtc-cd-navy); background: #fff; border: 1px solid var(--tbtc-cd-line); font-size: 12px; font-weight: 600; text-decoration: none; white-space: nowrap; } .tbtc-search-panel__quick a:hover, .tbtc-colour-chips a:hover, .tbtc-colour-chips a.is-active { color: #fff; background: var(--tbtc-cd-navy); border-color: var(--tbtc-cd-navy); } body.tbtc-search-open { overflow: hidden; } .tbtc-shop-tools { clear: both; margin: 0 0 26px; padding: 20px; background: var(--tbtc-cd-soft); border: 1px solid var(--tbtc-cd-line); border-left: 4px solid var(--tbtc-cd-brass); } .tbtc-shop-tools__heading { display: grid; grid-template-columns: minmax(180px, .65fr) minmax(320px, 1.35fr); align-items: end; gap: 22px; } .tbtc-shop-tools h2 { font-size: 27px; } .tbtc-colour-chips { display: flex; gap: 7px; margin-top: 16px; overflow-x: auto; padding: 1px 0 7px; scrollbar-width: thin; } .tbtc-filter-drawer { margin-top: 10px; border-top: 1px solid var(--tbtc-cd-line); } .tbtc-filter-drawer summary { padding: 12px 0 5px; color: var(--tbtc-cd-navy); font-size: 13px; font-weight: 700; letter-spacing: .04em; cursor: pointer; } .tbtc-filter-form { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)) auto; align-items: end; gap: 10px; padding-top: 9px; } .tbtc-filter-form label > span { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; } .tbtc-filter-form__actions { display: flex; align-items: center; gap: 10px; } .tbtc-filter-form__actions a { color: var(--tbtc-cd-navy); font-size: 13px; font-weight: 700; } .single-product .tbtc-thumb-rail { display: grid; grid-template-columns: 36px minmax(0, 1fr) 36px; align-items: center; gap: 10px; width: 100%; margin-top: 14px; } .single-product .tbtc-thumb-rail .flex-control-thumbs { display: flex !important; flex-wrap: nowrap !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 3px 2px 7px !important; gap: 8px; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth; scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; } .single-product .tbtc-thumb-rail .flex-control-thumbs::-webkit-scrollbar { display: none; } .single-product .tbtc-thumb-rail .flex-control-thumbs li { flex: 0 0 66px !important; float: none !important; width: 66px !important; margin: 0 !important; scroll-snap-align: start; } .single-product .tbtc-thumb-rail .flex-control-thumbs img { display: block; width: 66px !important; height: 66px !important; margin: 0; object-fit: cover; background: var(--tbtc-cd-soft); border: 1px solid var(--tbtc-cd-line); opacity: .68; transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease; } .single-product .tbtc-thumb-rail .flex-control-thumbs img:hover, .single-product .tbtc-thumb-rail .flex-control-thumbs img:focus, .single-product .tbtc-thumb-rail .flex-control-thumbs img.flex-active { opacity: 1; border-color: var(--tbtc-cd-brass); box-shadow: 0 0 0 1px var(--tbtc-cd-brass); } .single-product .tbtc-thumb-arrow { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 44px; min-width: 36px; padding: 0; color: var(--tbtc-cd-navy); background: var(--tbtc-cd-soft); border: 1px solid #cfc5b5; border-radius: 0; font: 24px/1 Georgia, serif; cursor: pointer; } .single-product .tbtc-thumb-arrow:hover, .single-product .tbtc-thumb-arrow:focus-visible { color: #fff; background: var(--tbtc-cd-navy); border-color: var(--tbtc-cd-navy); } .single-product .tbtc-thumb-arrow:disabled { opacity: .3; cursor: default; } .single-product .tbtc-thumb-rail.tbtc-no-overflow { grid-template-columns: minmax(0, 1fr); gap: 0; } .single-product .tbtc-thumb-rail.tbtc-no-overflow .tbtc-thumb-arrow { display: none; } .tbtc-buying-confidence { margin: 17px 0 20px; padding: 16px; color: var(--tbtc-cd-ink); background: var(--tbtc-cd-soft); border: 1px solid var(--tbtc-cd-line); border-left: 4px solid var(--tbtc-cd-brass); } .tbtc-buying-confidence__service { display: grid; grid-template-columns: minmax(132px, .7fr) minmax(0, 1.5fr); align-items: center; gap: 15px; padding-bottom: 13px; border-bottom: 1px solid var(--tbtc-cd-line); } .tbtc-buying-confidence__service span { display: block; margin-bottom: 2px; color: var(--tbtc-cd-brass); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } .tbtc-buying-confidence__service strong { display: block; color: var(--tbtc-cd-navy); font-family: Georgia, "Times New Roman", serif; font-size: 21px; font-weight: 500; line-height: 1.15; } .tbtc-buying-confidence__service p { margin: 0; font-size: 13px; line-height: 1.48; } .tbtc-buying-confidence__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 13px 0 11px; } .tbtc-buying-confidence__item { padding: 0 11px; border-left: 1px solid var(--tbtc-cd-line); } .tbtc-buying-confidence__item:first-child { padding-left: 0; border-left: 0; } .tbtc-buying-confidence__item:last-child { padding-right: 0; } .tbtc-buying-confidence__item strong { display: block; margin-bottom: 3px; color: var(--tbtc-cd-navy); font-size: 12px; line-height: 1.3; } .tbtc-buying-confidence__item span { display: block; font-size: 11px; line-height: 1.4; } .tbtc-buying-confidence__links { display: flex; flex-wrap: wrap; gap: 5px 14px; padding-top: 10px; border-top: 1px solid var(--tbtc-cd-line); } .tbtc-buying-confidence__links a { color: var(--tbtc-cd-navy); font-size: 11px; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } @media (max-width: 767px) { .tbtc-search-toggle { width: 40px; height: 40px; min-width: 40px; } .tbtc-search-panel { align-items: start; padding: 54px 12px 20px; } .tbtc-search-panel__dialog { padding: 28px 20px 24px; } .tbtc-search-panel__form { grid-template-columns: 1fr; } .tbtc-search-panel__form button { width: 100%; } body.archive.woocommerce #primary { margin-top: 18px !important; margin-bottom: 36px !important; } .product-archive-title { padding-top: 20px !important; padding-bottom: 16px !important; } .product-archive-title .archive-title { margin-bottom: 10px !important; font-size: clamp(29px, 9vw, 38px) !important; line-height: 1.06 !important; } .product-archive-title .tbtc-cat-intro__panel { display: block !important; padding: 17px !important; } .product-archive-title .tbtc-cat-intro__panel h2 { margin-bottom: 8px !important; font-size: 25px !important; line-height: 1.08 !important; } .product-archive-title .tbtc-cat-intro__panel > div:nth-child(2) > p:nth-of-type(n+2), .product-archive-title .tbtc-cat-intro__actions, .product-archive-title .tbtc-cat-intro details { display: none !important; } .tbtc-shop-tools { margin-bottom: 18px; padding: 15px; } .tbtc-shop-tools__heading { grid-template-columns: 1fr; gap: 12px; } .tbtc-shop-tools h2 { font-size: 24px; } .tbtc-shop-tools__search { grid-template-columns: minmax(0, 1fr) auto; gap: 6px; } .tbtc-shop-tools__search input { min-width: 0; padding-inline: 10px; font-size: 14px; } .tbtc-shop-tools__search button { padding-inline: 13px; } .tbtc-colour-chips { margin-inline: -15px; padding-inline: 15px; } .tbtc-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tbtc-filter-form__actions { grid-column: 1 / -1; } body.archive.woocommerce ul.products.product-archive { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 10px !important; row-gap: 20px !important; } body.archive.woocommerce ul.products.product-archive .woocommerce-loop-product__title { font-size: 15px !important; line-height: 1.24 !important; } body.archive.woocommerce ul.products.product-archive .price { font-size: 14px !important; } .single-product .tbtc-thumb-rail { grid-template-columns: 30px minmax(0, 1fr) 30px; gap: 6px; margin-top: 10px; } .single-product .tbtc-thumb-arrow { width: 30px; height: 40px; min-width: 30px; font-size: 21px; } .single-product .tbtc-thumb-rail .flex-control-thumbs li { flex-basis: 58px !important; width: 58px !important; } .single-product .tbtc-thumb-rail .flex-control-thumbs img { width: 58px !important; height: 58px !important; } .tbtc-buying-confidence { margin: 13px 0 15px; padding: 13px; } .tbtc-buying-confidence__service { grid-template-columns: 1fr; gap: 5px; padding-bottom: 10px; } .tbtc-buying-confidence__service strong { font-size: 20px; } .tbtc-buying-confidence__service p { font-size: 12px; line-height: 1.42; } .tbtc-buying-confidence__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 10px; margin: 10px 0 9px; } .tbtc-buying-confidence__item { padding: 0 8px; } .tbtc-buying-confidence__item:nth-child(3) { grid-column: 1 / -1; padding: 9px 0 0; border-top: 1px solid var(--tbtc-cd-line); border-left: 0; } .tbtc-buying-confidence__item span { font-size: 10.5px; } .tbtc-buying-confidence__links { gap: 5px 12px; padding-top: 8px; } body.woocommerce-cart .entry-content > details:first-of-type { margin-bottom: 14px !important; box-shadow: none !important; } body.woocommerce-cart .entry-content > details:first-of-type summary { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) !important; align-items: center !important; gap: 9px !important; padding: 10px 12px !important; } body.woocommerce-cart .entry-content > details:first-of-type summary > p { margin: 0 !important; } body.woocommerce-cart .entry-content > details:first-of-type summary > p:nth-of-type(n+3) { display: none !important; } body.woocommerce-cart .entry-content > details:first-of-type summary span[style*="min-width"] { min-width: 0 !important; } body.woocommerce-cart .entry-content > details:first-of-type summary strong { font-size: 18px !important; } .tbtc-checkout-notice { margin-bottom: 16px !important; padding: 17px !important; } .tbtc-checkout-notice h2 { margin-bottom: 7px !important; font-size: 23px !important; } .tbtc-checkout-notice__intro { margin-bottom: 11px !important; font-size: 14px !important; line-height: 1.48 !important; } .tbtc-checkout-notice__grid { grid-template-columns: 1fr !important; gap: 5px !important; margin-bottom: 10px !important; } .tbtc-checkout-notice__item { padding: 8px 11px !important; } .tbtc-checkout-notice__item h3 { margin: 0 !important; font-size: 16px !important; } .tbtc-checkout-notice__item p { display: none !important; } .tbtc-checkout-notice__international { margin-bottom: 0 !important; font-size: 12px !important; line-height: 1.42 !important; } .tbtc-checkout-notice__links { display: none !important; } } @media (max-width: 420px) { .tbtc-filter-form { grid-template-columns: 1fr; } .tbtc-filter-form__actions { grid-column: 1; } } :root{ --tbtc-ink:#151515; --tbtc-navy:#1f3044; --tbtc-ivory:#fbf8f3; --tbtc-soft-ivory:#f7f4ef; --tbtc-paper:#fffdfa; --tbtc-brass:#8b6745; --tbtc-line:#ddd3c7; --tbtc-display-font:Georgia,"Times New Roman",serif; --tbtc-body-font:"Urbanist","Avenir Next",Avenir,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif; --tbtc-type-label:12px; --tbtc-type-small:14px; --tbtc-type-copy:15.5px; --tbtc-type-button:12px; } html, body, button, input, select, optgroup, textarea{ font-family:var(--tbtc-body-font)!important; font-synthesis:none!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } body p, body li, body dd, body dt, body label, body input, body select, body textarea, body .woocommerce-result-count, body .woocommerce-ordering, body .price{ font-family:var(--tbtc-body-font)!important; } body [class^="tbtc-"] p, body [class*=" tbtc-"] p, body [class^="tbtc-"] li, body [class*=" tbtc-"] li, body [class^="tbtc-"] dd, body [class*=" tbtc-"] dd, body [class*="tbtc-"][class*="__lead"], body [class*="tbtc-"][class*="__intro"], body [class*="tbtc-"][class*="__copy"], body [class*="tbtc-"][class*="__text"], body [class*="tbtc-"][class*="__description"]{ font-family:var(--tbtc-body-font)!important; font-synthesis:none!important; letter-spacing:-.008em; } body [class^="tbtc-"] a, body [class*=" tbtc-"] a, body [class^="tbtc-"] button, body [class*=" tbtc-"] button{ font-family:var(--tbtc-body-font)!important; font-synthesis:none!important; } body h1, body h2, body h3, body h4, body h5, body h6, body [class*="tbtc-"] h1, body [class*="tbtc-"] h2, body [class*="tbtc-"] h3, body [class*="tbtc-"] h4, body .woocommerce-loop-product__title, body .woocommerce-loop-category__title{ font-family:var(--tbtc-display-font)!important; } body .tbtc-home-hero p, body .tbtc-home-hero__lead, body .tbtc-home-hero__minor, body .tbtc-home-section-heading p, body .tbtc-home-collections p, body .tbtc-home-collections__intro, body .tbtc-home .tbtc-heading p{ font-family:var(--tbtc-body-font)!important; font-weight:400!important; letter-spacing:-.01em!important; } body .tbtc-cat-intro p, body .tbtc-cat-intro__button, body .tbtc-cat-intro__eyebrow{ font-family:var(--tbtc-body-font)!important; } #masthead, #main-header, .site-header-row-container, .site-header-row-container-inner{ background:var(--tbtc-ivory)!important; } #masthead{ border-bottom:1px solid var(--tbtc-line); box-shadow:none!important; } .site-main-header-wrap .site-header-row-container-inner{ min-height:92px; } .site-main-header-inner-wrap{ width:min(1400px,calc(100% - 32px)); margin:0 auto; display:flex!important; align-items:center; justify-content:space-between; gap:30px; } .site-branding{ margin:0!important; } .site-header-main-section-left{ flex:0 0 auto; min-width:0; } .site-header-main-section-right{ flex:1 1 auto; min-width:0; justify-content:flex-end!important; } .header-navigation, .header-navigation-wrap, .header-menu-container{ min-width:0; } .header-navigation .header-menu-container > ul.menu{ display:flex!important; flex-wrap:nowrap!important; justify-content:flex-end!important; align-items:center!important; gap:4px; } .site-branding .site-title, .site-branding .site-title a, .site-branding a.brand{ color:var(--tbtc-navy)!important; font-family:var(--tbtc-display-font)!important; font-size:clamp(29px,2.55vw,39px)!important; font-weight:500!important; letter-spacing:-.035em!important; line-height:1!important; text-decoration:none!important; text-transform:none!important; } .site-branding .site-title a:hover, .site-branding a.brand:hover{ color:var(--tbtc-brass)!important; } .site-branding .site-description{ margin-top:6px!important; color:var(--tbtc-brass)!important; font-family:var(--tbtc-body-font)!important; font-size:var(--tbtc-type-label)!important; font-weight:600!important; letter-spacing:.17em!important; line-height:1.35!important; text-transform:uppercase!important; } .header-navigation .header-menu-container > ul.menu > li{ position:relative; } .header-navigation .header-menu-container > ul.menu > li > a, .header-navigation .header-menu-container > ul > li.menu-item > a, .main-navigation .primary-menu-container > ul > li.menu-item > a{ min-height:92px!important; display:flex!important; align-items:center!important; padding:0 12px!important; color:#343a42!important; font-family:var(--tbtc-display-font)!important; font-size:16px!important; font-weight:400!important; font-synthesis:none!important; letter-spacing:.005em!important; line-height:1.2!important; text-transform:none!important; white-space:nowrap!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; transition:color .2s ease!important; } .header-navigation .header-menu-container > ul.menu > li > a::after{ content:""; position:absolute; right:12px; bottom:23px; left:12px; height:1px; background:var(--tbtc-brass); transform:scaleX(0); transform-origin:center; transition:transform .22s ease; } .header-navigation .header-menu-container > ul.menu > li:hover > a, .header-navigation .header-menu-container > ul.menu > li.current-menu-item > a, .header-navigation .header-menu-container > ul.menu > li.current-menu-ancestor > a{ color:var(--tbtc-navy)!important; } .header-navigation .header-menu-container > ul.menu > li:hover > a::after, .header-navigation .header-menu-container > ul.menu > li.current-menu-item > a::after, .header-navigation .header-menu-container > ul.menu > li.current-menu-ancestor > a::after{ transform:scaleX(1); } .header-navigation .dropdown-nav-toggle{ margin-left:5px!important; } .header-navigation .dropdown-nav-toggle svg{ width:.62em!important; height:.62em!important; } .header-navigation .sub-menu{ min-width:230px!important; padding:10px 0!important; border:1px solid var(--tbtc-line)!important; border-top:2px solid var(--tbtc-brass)!important; background:var(--tbtc-paper)!important; box-shadow:0 16px 36px rgba(21,21,21,.12)!important; } .header-navigation .sub-menu li a, .header-navigation .header-menu-container ul ul li.menu-item > a{ padding:11px 20px!important; color:#454545!important; font-family:var(--tbtc-display-font)!important; font-size:15px!important; font-weight:400!important; letter-spacing:0!important; line-height:1.42!important; text-transform:none!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } .header-navigation .sub-menu li a:hover, .header-navigation .sub-menu li.current-menu-item > a{ background:var(--tbtc-ivory)!important; color:var(--tbtc-brass)!important; } .header-navigation a:focus-visible, .site-branding a:focus-visible, .menu-toggle-open:focus-visible{ outline:2px solid var(--tbtc-brass)!important; outline-offset:4px!important; } .item-is-fixed, .site-header-row-container.item-is-fixed{ border-bottom:1px solid var(--tbtc-line)!important; background:rgba(251,248,243,.97)!important; box-shadow:0 8px 28px rgba(21,21,21,.08)!important; backdrop-filter:blur(8px); } @media(min-width:1025px) and (max-width:1220px){ .site-main-header-inner-wrap{ width:calc(100% - 24px); gap:18px; } .site-branding .site-title, .site-branding .site-title a, .site-branding a.brand{ font-size:28px!important; } .header-navigation .header-menu-container > ul.menu > li > a{ padding-right:10px!important; padding-left:10px!important; font-size:16px!important; } .header-navigation .header-menu-container > ul.menu > li > a::after{ right:10px; left:10px; } } @media(max-width:1024px){ .site-main-header-wrap .site-header-row-container-inner{ min-height:78px; } .site-main-header-inner-wrap{ width:min(100% - 30px,1240px); } .site-branding .site-title, .site-branding .site-title a, .site-branding a.brand{ font-size:clamp(24px,5.8vw,31px)!important; } .menu-toggle-open{ min-width:44px!important; min-height:44px!important; padding:8px!important; border:1px solid var(--tbtc-line)!important; border-radius:0!important; background:transparent!important; color:var(--tbtc-navy)!important; } .menu-toggle-open:hover{ border-color:var(--tbtc-brass)!important; color:var(--tbtc-brass)!important; } .popup-drawer .drawer-inner{ background:var(--tbtc-ivory)!important; } .mobile-navigation ul li a{ color:var(--tbtc-navy)!important; font-family:var(--tbtc-display-font)!important; font-size:1.12rem!important; font-weight:400!important; letter-spacing:-.012em!important; text-transform:none!important; } .mobile-navigation ul li{ border-bottom:1px solid var(--tbtc-line)!important; } } @media(max-width:520px){ .site-branding .site-title, .site-branding .site-title a, .site-branding a.brand{ max-width:235px; font-size:23px!important; line-height:1.02!important; } } .tbtc-eyebrow, .tbtc-about-eyebrow, .tbtc-contact-eyebrow, .tbtc-contact-form__eyebrow, .tbtc-footer-kicker, .tbtc-piece-card__kicker, .tbtc-collection-card__number, .tbtc-service-card__number, .tbtc-trust-card__number, .tbtc-about-style-card__number, .tbtc-contact-method__number{ font-family:var(--tbtc-body-font)!important; font-size:var(--tbtc-type-label)!important; font-weight:600!important; font-synthesis:none!important; letter-spacing:.09em!important; line-height:1.4!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } .entry-hero .entry-title, .entry-hero-container-inner .entry-title, .page-title, .woocommerce-products-header__title{ font-family:var(--tbtc-display-font)!important; font-weight:400!important; letter-spacing:-.035em!important; line-height:1.05!important; text-transform:none!important; } .woocommerce-cart .entry-content h1, .woocommerce-cart .entry-content h2, .woocommerce-cart .entry-content h3, .woocommerce-cart .cart_totals h2, .woocommerce-cart .woocommerce-cart-form h2, .woocommerce-checkout .entry-content h1, .woocommerce-checkout .entry-content h2, .woocommerce-checkout .entry-content h3, .woocommerce-checkout #order_review_heading, .woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout .woocommerce-shipping-fields h3, .tbtc-basket-notice h2, .tbtc-basket-notice h3, .tbtc-checkout-notice h2, .tbtc-checkout-notice h3{ font-family:var(--tbtc-display-font)!important; font-weight:400!important; letter-spacing:-.03em!important; line-height:1.12!important; text-transform:none!important; } .woocommerce-cart .cart_totals h2, .woocommerce-cart .woocommerce-cart-form h2{ font-size:27px!important; } .tax-product_cat .entry-hero{ display:block!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; background:var(--tbtc-ivory)!important; } .tax-product_cat .entry-hero-container-inner{ min-height:0!important; padding-top:26px!important; padding-bottom:8px!important; } .tax-product_cat .entry-hero .entry-title{ width:min(1180px,calc(100% - 48px)); margin:0 auto!important; padding:0!important; color:var(--tbtc-navy)!important; font-family:var(--tbtc-display-font)!important; font-size:clamp(36px,4.2vw,54px)!important; font-weight:400!important; letter-spacing:-.035em!important; line-height:1.04!important; text-align:left!important; text-transform:none!important; } .tax-product_cat .woocommerce-products-header__title{ display:none!important; } .tax-product_cat .woocommerce-products-header{ margin-top:0!important; padding-top:0!important; } .woocommerce-cart table, .woocommerce-checkout table, .woocommerce-cart input, .woocommerce-checkout input, .woocommerce-cart select, .woocommerce-checkout select, .woocommerce-cart textarea, .woocommerce-checkout textarea{ font-family:var(--tbtc-body-font)!important; font-weight:400!important; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button{ font-family:var(--tbtc-body-font)!important; font-weight:500!important; letter-spacing:.02em!important; border-radius:0!important; } body .tbtc-basket-notice, body .tbtc-checkout-notice{ --tbtc-notice-ink:#151515; --tbtc-notice-ivory:#f7f4ef; --tbtc-notice-line:#d7cdc0; --tbtc-notice-brass:#8b6745; margin:0 0 32px; padding:28px 30px; border:1px solid var(--tbtc-notice-line); border-left:4px solid var(--tbtc-notice-brass); background:var(--tbtc-notice-ivory); } body .tbtc-basket-notice > h2, body .tbtc-checkout-notice > h2{ margin:0 0 12px; color:var(--tbtc-notice-ink); font-size:29px!important; } body .tbtc-basket-notice__intro, body .tbtc-checkout-notice__intro{ max-width:920px; margin:0 0 22px; color:#4f4f4f; font-size:15.5px; line-height:1.72; } body .tbtc-basket-notice__grid, body .tbtc-checkout-notice__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin:0 0 20px; } body .tbtc-basket-notice__item, body .tbtc-checkout-notice__item{ padding:18px; border-top:2px solid var(--tbtc-notice-brass); background:rgba(255,255,255,.72); } body .tbtc-basket-notice__item h3, body .tbtc-checkout-notice__item h3{ margin:0 0 7px; color:var(--tbtc-notice-ink); font-size:21px!important; } body .tbtc-basket-notice__item p, body .tbtc-checkout-notice__item p{ margin:0; color:#525252; font-size:14.3px; line-height:1.62; } body .tbtc-checkout-notice__international{ margin:0; padding:16px 18px; border:1px solid var(--tbtc-notice-line); background:#fff; color:#505050; font-size:14.5px; line-height:1.65; } body .tbtc-basket-notice__links, body .tbtc-checkout-notice__links{ display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:20px; padding-top:18px; border-top:1px solid var(--tbtc-notice-line); } body .tbtc-basket-notice__links a, body .tbtc-checkout-notice__links a{ color:var(--tbtc-notice-ink); font-size:14px; font-weight:500; text-decoration:none; border-bottom:1px solid var(--tbtc-notice-brass); } body .tbtc-basket-notice__links a:hover, body .tbtc-basket-notice__links a:focus-visible, body .tbtc-checkout-notice__links a:hover, body .tbtc-checkout-notice__links a:focus-visible{ color:var(--tbtc-notice-brass); } body .tbtc-checkout-payment-note{ margin:0 0 28px; color:#666; font-size:14px; line-height:1.65; } .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{ border-top:0!important; border-left:3px solid var(--tbtc-brass)!important; background:#f2f5f7!important; color:#333!important; } .woocommerce-checkout form.checkout h3{ color:var(--tbtc-ink); font-size:27px!important; } .woocommerce-checkout #payment{ border-radius:0!important; } .woocommerce-cart .woocommerce-cart-form, .woocommerce-cart .cart-collaterals{ margin-top:0; } .woocommerce-cart table.shop_table, .woocommerce-checkout table.shop_table{ border-radius:0!important; } .woocommerce-cart .cart_totals h2{ margin-bottom:10px!important; } @media(max-width:850px){ body .tbtc-basket-notice__grid, body .tbtc-checkout-notice__grid{ grid-template-columns:1fr; } } @media(max-width:600px){ body .tbtc-basket-notice, body .tbtc-checkout-notice{ padding:23px 20px; } body .tbtc-basket-notice__links, body .tbtc-checkout-notice__links{ align-items:flex-start; flex-direction:column; } } @media(prefers-reduced-motion:reduce){ *{ scroll-behavior:auto!important; } .header-navigation .header-menu-container > ul.menu > li > a, .header-navigation .header-menu-container > ul.menu > li > a::after{ transition:none!important; } } body .tbtc-basket-guides{ margin-top:18px; padding-top:17px; border-top:1px solid var(--tbtc-notice-line); } body .tbtc-basket-guides__heading{ margin:0 0 4px; color:var(--tbtc-notice-ink); font-family:var(--tbtc-display-font)!important; font-size:21px; font-weight:400!important; letter-spacing:-.025em; line-height:1.2; } body .tbtc-basket-guides__intro{ margin:0 0 13px; color:#5d5d5d; font-size:var(--tbtc-type-small); line-height:1.5; } body .tbtc-basket-guides__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; align-items:stretch; } body .tbtc-basket-guide{ display:block; min-height:0!important; padding:14px 15px 13px; border:1px solid var(--tbtc-notice-line); border-top:2px solid var(--tbtc-notice-brass); background:#fff; color:var(--tbtc-notice-ink); text-decoration:none!important; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; } body .tbtc-basket-guide:hover, body .tbtc-basket-guide:focus-visible{ border-color:var(--tbtc-notice-brass); box-shadow:0 5px 16px rgba(21,21,21,.06); transform:translateY(-1px); } body .tbtc-basket-guide__title{ display:block; margin:0 0 5px; color:var(--tbtc-notice-ink); font-family:var(--tbtc-display-font)!important; font-size:18px; font-weight:400!important; letter-spacing:-.02em; line-height:1.18; } body .tbtc-basket-guide__text{ display:block; color:#575757; font-family:var(--tbtc-body-font)!important; font-size:var(--tbtc-type-small); font-weight:400; line-height:1.48; } body .tbtc-basket-guide__text::after{ content:"  Read more ↗"; color:var(--tbtc-notice-brass); font-weight:600; white-space:nowrap; } @media(max-width:850px){ body .tbtc-basket-guides__grid{ grid-template-columns:1fr; } } .tbtc-cat-intro, .tbtc-cat-intro *{ box-sizing:border-box; } .tbtc-cat-intro{ --tbtc-cat-ink:#151515; --tbtc-cat-navy:#1f3044; --tbtc-cat-ivory:#f7f4ef; --tbtc-cat-paper:#fffdfa; --tbtc-cat-line:#d7cdc0; --tbtc-cat-brass:#8b6745; --tbtc-cat-green:#30463a; width:100%; margin:12px 0 28px; color:var(--tbtc-cat-ink); } .tbtc-cat-intro__panel{ display:grid; grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr); gap:28px; align-items:center; padding:19px 22px; border:1px solid var(--tbtc-cat-line); border-left:3px solid var(--tbtc-cat-brass); border-top:1px solid var(--tbtc-cat-line); background:var(--tbtc-cat-paper); text-align:left!important; } .tbtc-cat-intro__panel--dark{ border-color:var(--tbtc-cat-navy); border-left-color:#c9ac8d; background:var(--tbtc-cat-navy); color:#fff; } .tbtc-cat-intro__panel--green{ border-color:var(--tbtc-cat-green); border-left-color:#c9ac8d; background:var(--tbtc-cat-green); color:#fff; } .tbtc-cat-intro__eyebrow{ margin:0 0 7px!important; color:var(--tbtc-cat-brass)!important; font-family:var(--tbtc-body-font)!important; font-size:var(--tbtc-type-label)!important; font-weight:700!important; letter-spacing:.12em!important; line-height:1.35!important; text-align:left!important; text-transform:uppercase!important; } .tbtc-cat-intro__panel--dark .tbtc-cat-intro__eyebrow, .tbtc-cat-intro__panel--green .tbtc-cat-intro__eyebrow{ color:#dbc8b5!important; } .tbtc-cat-intro h2{ margin:0!important; color:var(--tbtc-cat-navy)!important; font-family:var(--tbtc-display-font)!important; font-size:clamp(27px,2.45vw,36px)!important; font-weight:400!important; letter-spacing:-.027em!important; line-height:1.08!important; text-align:left!important; text-transform:none!important; } .tbtc-cat-intro__panel--dark h2, .tbtc-cat-intro__panel--green h2{ color:#fff!important; } .tbtc-cat-intro p{ max-width:none!important; margin:0 0 9px!important; color:#505050!important; font-family:var(--tbtc-body-font)!important; font-size:var(--tbtc-type-copy)!important; font-weight:400!important; line-height:1.58!important; text-align:left!important; } .tbtc-cat-intro p:last-of-type{ margin-bottom:0!important; } .tbtc-cat-intro__panel--dark p, .tbtc-cat-intro__panel--green p{ color:rgba(255,255,255,.84)!important; } .tbtc-cat-intro__actions{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin-top:14px!important; } .tbtc-cat-intro__button{ display:inline-flex!important; min-height:37px!important; align-items:center!important; justify-content:center!important; padding:9px 13px!important; border:1px solid var(--tbtc-cat-ink)!important; border-radius:0!important; background:var(--tbtc-cat-ink)!important; color:#fff!important; font-family:var(--tbtc-body-font)!important; font-size:var(--tbtc-type-button)!important; font-weight:700!important; letter-spacing:.065em!important; line-height:1.15!important; text-align:center!important; text-decoration:none!important; text-transform:uppercase!important; } .tbtc-cat-intro__button:hover, .tbtc-cat-intro__button:focus-visible{ border-color:var(--tbtc-cat-brass)!important; background:var(--tbtc-cat-brass)!important; color:#fff!important; outline:0!important; } .tbtc-cat-intro__button--outline{ background:transparent!important; color:var(--tbtc-cat-ink)!important; } .tbtc-cat-intro__panel--dark .tbtc-cat-intro__button, .tbtc-cat-intro__panel--green .tbtc-cat-intro__button{ border-color:#fff!important; background:#fff!important; color:var(--tbtc-cat-ink)!important; } .tbtc-cat-intro__panel--dark .tbtc-cat-intro__button--outline, .tbtc-cat-intro__panel--green .tbtc-cat-intro__button--outline{ background:transparent!important; color:#fff!important; } .tbtc-cat-intro details{ display:none!important; } @media(max-width:760px){ .tbtc-cat-intro__panel{ grid-template-columns:1fr; gap:12px; align-items:start; padding:20px 19px; } .tbtc-cat-intro h2{ font-size:29px!important; } } @media(max-width:480px){ .tbtc-cat-intro__actions{ display:grid!important; grid-template-columns:1fr!important; } .tbtc-cat-intro__button{ width:100%!important; } } body.woocommerce-shop .woocommerce-result-count, body.woocommerce-shop .woocommerce-ordering, body.woocommerce-shop .kadence-product-toggle-container, body.woocommerce-shop .kadence-shop-top-row{ display:none!important; } body.woocommerce-shop #main ul.products, body.woocommerce-shop .site-main ul.products, body.post-type-archive-product #main ul.products, body.post-type-archive-product .site-main ul.products, body.woocommerce-shop ul.products.products{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:48px 30px!important; width:min(1000px,calc(100% - 32px))!important; margin-right:auto!important; margin-left:auto!important; } body.woocommerce-shop #main ul.products > li.product-category, body.woocommerce-shop .site-main ul.products > li.product-category, body.post-type-archive-product #main ul.products > li.product-category, body.post-type-archive-product .site-main ul.products > li.product-category, body.woocommerce-shop ul.products.products > li.product-category{ float:none!important; clear:none!important; width:100%!important; max-width:none!important; margin:0!important; } body.tax-product_cat .woocommerce ul.products:has(> li.product-category){ display:flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:38px 24px!important; } body.tax-product_cat .woocommerce ul.products:has(> li.product-category) > li.product-category{ flex:0 1 calc(33.333% - 16px)!important; width:auto!important; max-width:none!important; margin:0!important; } .woocommerce ul.products li.product-category{ position:relative!important; overflow:visible!important; padding:0 0 4px!important; border:0!important; background:transparent!important; box-shadow:none!important; } .woocommerce ul.products li.product-category > a{ display:flex!important; flex-direction:column!important; width:100%!important; height:auto!important; overflow:visible!important; background:transparent!important; color:var(--tbtc-navy)!important; text-decoration:none!important; } .woocommerce ul.products li.product-category > a::before, .woocommerce ul.products li.product-category > a::after, .woocommerce ul.products li.product-category::before, .woocommerce ul.products li.product-category::after{ content:none!important; display:none!important; } .woocommerce ul.products li.product-category img, .woocommerce ul.products li.product-category a:hover img{ position:static!important; width:100%!important; height:auto!important; aspect-ratio:4 / 5!important; margin:0!important; object-fit:cover!important; object-position:center top!important; display:block!important; border:1px solid var(--tbtc-line)!important; opacity:1!important; transform:none!important; translate:none!important; scale:none!important; filter:none!important; transition:none!important; animation:none!important; will-change:auto!important; backface-visibility:visible!important; image-rendering:auto!important; } .woocommerce ul.products li.product-category .product-details, .woocommerce ul.products li.product-category .content-bg, .woocommerce ul.products li.product-category .entry-content-wrap, .woocommerce ul.products li.product-category .product-details.content-bg.entry-content-wrap{ position:static!important; inset:auto!important; display:block!important; width:100%!important; min-height:0!important; margin:0!important; padding:0!important; transform:none!important; overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title{ position:relative!important; inset:auto!important; display:block!important; width:100%!important; min-height:0!important; margin:0!important; padding:15px 34px 13px 0!important; transform:none!important; overflow:visible!important; border:0!important; border-top:1px solid var(--tbtc-brass)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:var(--tbtc-navy)!important; opacity:1!important; visibility:visible!important; font-family:var(--tbtc-body-font)!important; font-size:14px!important; font-weight:700!important; letter-spacing:.09em!important; line-height:1.35!important; text-align:left!important; text-shadow:none!important; text-transform:uppercase!important; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title::after{ content:"↗"; position:absolute; top:11px; right:2px; color:var(--tbtc-brass); font-family:Arial,sans-serif; font-size:18px; font-weight:400; letter-spacing:0; transition:transform .2s ease; } .woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title{ color:var(--tbtc-brass)!important; } .woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title::after{ transform:translate(2px,-2px); } .woocommerce ul.products li.product-category .count, .woocommerce ul.products li.product-category mark.count{ display:none!important; } body.woocommerce-shop li.product-category .woocommerce-loop-category__title::before{ display:block; margin-bottom:5px; color:#8f857a; font-size:11.5px; font-weight:600; letter-spacing:.11em; line-height:1; } body.woocommerce-shop li.product-category:nth-child(1) .woocommerce-loop-category__title::before{content:"01 / COLLECTION";} body.woocommerce-shop li.product-category:nth-child(2) .woocommerce-loop-category__title::before{content:"02 / COLLECTION";} body.woocommerce-shop li.product-category:nth-child(3) .woocommerce-loop-category__title::before{content:"03 / COLLECTION";} body.woocommerce-shop li.product-category:nth-child(4) .woocommerce-loop-category__title::before{content:"04 / COLLECTION";} .woocommerce ul.products li.product:not(.product-category){ padding:0 0 24px!important; border:0!important; background:transparent!important; box-shadow:none!important; } .woocommerce ul.products li.product:not(.product-category) a img{ width:100%!important; margin:0 0 17px!important; border:1px solid #e3ddd4!important; background:#f7f4ef!important; display:block!important; opacity:1!important; transform:none!important; filter:none!important; transition:none!important; } .woocommerce ul.products li.product:not(.product-category) .product-details, .woocommerce ul.products li.product:not(.product-category) .content-bg, .woocommerce ul.products li.product:not(.product-category) .entry-content-wrap{ padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } .woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title{ max-width:95%!important; margin:0 auto 8px!important; padding:0!important; color:var(--tbtc-navy)!important; font-family:var(--tbtc-display-font)!important; font-size:18px!important; font-weight:400!important; letter-spacing:-.015em!important; line-height:1.28!important; text-align:center!important; } .woocommerce ul.products li.product:not(.product-category) .price{ display:block!important; margin:0!important; color:#746b61!important; font-size:14px!important; font-weight:500!important; line-height:1.45!important; text-align:center!important; } .woocommerce ul.products li.product:not(.product-category) .button{ width:auto!important; min-height:40px!important; margin:14px auto 0!important; padding:10px 16px!important; border:1px solid var(--tbtc-navy)!important; border-radius:0!important; background:transparent!important; color:var(--tbtc-navy)!important; font-size:var(--tbtc-type-button)!important; font-weight:600!important; letter-spacing:.07em!important; text-transform:uppercase!important; } .woocommerce ul.products li.product:not(.product-category) .button:hover{ background:var(--tbtc-navy)!important; color:#fff!important; } .woocommerce span.onsale{ top:12px!important; right:12px!important; left:auto!important; min-width:0!important; min-height:0!important; padding:7px 10px!important; border-radius:0!important; background:var(--tbtc-navy)!important; color:#fff!important; font-size:11px!important; font-weight:600!important; letter-spacing:.07em!important; line-height:1!important; text-transform:uppercase!important; box-shadow:none!important; } body:not(.woocommerce-shop) .woocommerce .woocommerce-result-count, body:not(.woocommerce-shop) .woocommerce .woocommerce-ordering{ margin-bottom:24px; color:#6f675f; font-size:14px; } body:not(.woocommerce-shop) .woocommerce .woocommerce-ordering select{ border:0; border-bottom:1px solid var(--tbtc-line); border-radius:0; background:transparent; color:var(--tbtc-navy); font-size:14px; } @media(max-width:900px){ body.tax-product_cat .woocommerce ul.products:has(> li.product-category) > li.product-category{ flex-basis:calc(50% - 12px)!important; } } @media(max-width:600px){ body.woocommerce-shop #main ul.products, body.woocommerce-shop .site-main ul.products, body.post-type-archive-product #main ul.products, body.post-type-archive-product .site-main ul.products, body.woocommerce-shop ul.products.products{ grid-template-columns:1fr!important; gap:30px 0!important; width:min(100%,calc(100% - 28px))!important; } body.tax-product_cat .woocommerce ul.products:has(> li.product-category){ gap:28px 0!important; } body.tax-product_cat .woocommerce ul.products:has(> li.product-category) > li.product-category{ flex-basis:100%!important; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title{ font-size:13px!important; } .woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title{ font-size:17px!important; } } @media(prefers-reduced-motion:reduce){ .woocommerce ul.products li.product-category .woocommerce-loop-category__title::after{ transition:none!important; } } body img{ transition:none!important; animation:none!important; will-change:auto!important; } body a:hover img, body a:focus img, body a:focus-visible img, body li.product:hover img, body li.product-category:hover img, body .wc-block-grid__product:hover img, body [class*="-card"]:hover img, body [class*="_card"]:hover img{ opacity:1!important; transform:none!important; translate:none!important; scale:none!important; filter:none!important; transition:none!important; animation:none!important; will-change:auto!important; } body li.product:hover, body li.product-category:hover, body [class*="-card"]:hover, body [class*="_card"]:hover{ transform:none!important; translate:none!important; scale:none!important; } .tbtc-collection-card:hover img, .tbtc-piece-card:hover img, .tbtc-mto-range-card:hover img, .tbtc-mtm-range:hover img, .tbtc-jackets-hero__image:hover img, .tbtc-jackets-range-card:hover img, .tbtc-jackets-swatch:hover img, .tbtc-waistcoats-hero__image:hover img, .tbtc-waistcoats-range-card:hover img, .tbtc-waistcoats-swatch:hover img, .tbtc-trousers-hero__image:hover img, .tbtc-trousers-range-card:hover img, .tbtc-trousers-swatch:hover img, .tbtc-fabric-chooser-card:hover .tbtc-fabric-chooser-card__media img, .tbtc-fabric-chooser-card:focus-visible .tbtc-fabric-chooser-card__media img, .tbtc-fabric-swatch:hover img, .tbtc-suits-hero__image:hover img, .tbtc-suits-card:hover img, .tbtc-suits-swatch:hover img, .tbtc-herringbone-family-card:hover .tbtc-herringbone-family-card__image img{ opacity:1!important; transform:none!important; translate:none!important; scale:none!important; filter:none!important; transition:none!important; animation:none!important; } .tbtc-featured-products ul.products li.product:hover, .tbtc-piece-card:hover, .tbtc-measure-card:hover, .tbtc-mto-products .woocommerce ul.products li.product:hover, .tbtc-mtm-products .woocommerce ul.products li.product:hover, .tbtc-jackets-products .woocommerce ul.products li.product:hover, .tbtc-waistcoats-products .woocommerce ul.products li.product:hover, .tbtc-trousers-products .woocommerce ul.products li.product:hover, .tbtc-fabric-chooser-card:hover, .tbtc-fabric-chooser-card:focus-visible, .tbtc-fabric-swatch:hover, .tbtc-fabric-gender-route:hover, .tbtc-fabric-gender-route:focus-visible, .tbtc-suits-products .woocommerce ul.products li.product:hover, .tbtc-wedding-products .woocommerce ul.products li.product:hover, .tbtc-raceday-products .woocommerce ul.products li.product:hover, .tbtc-threepiece-products .woocommerce ul.products li.product:hover, .tbtc-boys-wedding-products .woocommerce ul.products li.product:hover, .tbtc-herringbone-products .woocommerce ul.products li.product:hover{ transform:none!important; translate:none!important; scale:none!important; } @media (min-width:1025px){ .header-cart-wrap .header-cart-button, .header-cart-wrap .header-cart-button .kadence-svg-iconset{ font-size:18px!important; } } body .tbtc-eyebrow, body .tbtc-about-eyebrow, body .tbtc-contact-eyebrow, body .tbtc-contact-form__eyebrow, body .tbtc-footer-kicker, body .tbtc-piece-card__kicker, body .tbtc-collection-card__number, body .tbtc-service-card__number, body .tbtc-trust-card__number, body .tbtc-about-style-card__number, body .tbtc-contact-method__number, body [class*="tbtc-"][class*="__eyebrow"], body [class*="tbtc-"][class*="__kicker"], body [class*="tbtc-"][class*="__number"]{ font-size:var(--tbtc-type-label)!important; font-weight:600!important; font-synthesis:none!important; letter-spacing:.09em!important; line-height:1.4!important; } body a[class*="tbtc-"][class*="__button"], body button[class*="tbtc-"][class*="__button"], body a[class*="tbtc-"][class*="__cta"], body button[class*="tbtc-"][class*="__cta"], body a[class*="tbtc-"][class*="__link"]{ font-size:var(--tbtc-type-button)!important; font-weight:600!important; font-synthesis:none!important; letter-spacing:.06em!important; line-height:1.35!important; } body .tbtc-collection-card p, body .tbtc-piece-card p, body .tbtc-service-card p, body .tbtc-trust-card p, body .tbtc-about-style-card p, body .tbtc-contact-method p, body .tbtc-measure-card p, body .tbtc-mto-range-card p, body .tbtc-mtm-range p, body .tbtc-jackets-range-card p, body .tbtc-waistcoats-range-card p, body .tbtc-trousers-range-card p, body .tbtc-suits-card p, body .tbtc-herringbone-family-card p, body .tbtc-fabric-chooser-card p, body .tbtc-fabric-gender-route p{ font-size:var(--tbtc-type-small)!important; line-height:1.55!important; } body [class*="tbtc-hero"] p, body [class*="tbtc-intro"] p{ font-size:var(--tbtc-type-copy)!important; line-height:1.6!important; } body [class*="tbtc-hero"] small, body [class*="tbtc-hero"] [class*="__note"], body [class*="tbtc-hero"] [class*="__help"], body [class*="tbtc-hero"] [class*="__prompt"]{ font-size:13px!important; line-height:1.5!important; } body [class*="tbtc-"][class*="trust-strip"] a, body [class*="tbtc-"][class*="trust-strip"] span, body [class*="tbtc-"][class*="benefit-strip"] a, body [class*="tbtc-"][class*="benefit-strip"] span, body [class*="tbtc-"][class*="proof-strip"] a, body [class*="tbtc-"][class*="proof-strip"] span{ font-size:11.5px!important; font-weight:600!important; font-synthesis:none!important; letter-spacing:.065em!important; line-height:1.4!important; } body .woocommerce ul.products li.product:not(.product-category) .price{ font-size:14px!important; } body .woocommerce ul.products li.product:not(.product-category) .button{ font-size:var(--tbtc-type-button)!important; font-weight:600!important; letter-spacing:.07em!important; } body:not(.woocommerce-shop) .woocommerce .woocommerce-result-count, body:not(.woocommerce-shop) .woocommerce .woocommerce-ordering, body:not(.woocommerce-shop) .woocommerce .woocommerce-ordering select{ font-size:14px!important; } @media(max-width:600px){ :root{ --tbtc-type-label:11.5px; --tbtc-type-small:14px; --tbtc-type-copy:15px; --tbtc-type-button:12px; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title{ font-size:13px!important; } } html, body, button, input, select, optgroup, textarea, body p, body li, body label, body dd, body dt{ font-family:var(--tbtc-body-font)!important; font-weight:400!important; font-synthesis:none!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } .header-navigation .header-menu-container > ul.menu > li > a, .header-navigation .header-menu-container > ul > li.menu-item > a, .main-navigation .primary-menu-container > ul > li.menu-item > a{ font-family:var(--tbtc-body-font)!important; font-size:14.5px!important; font-weight:500!important; letter-spacing:.005em!important; line-height:1.2!important; } .header-navigation .sub-menu li a, .header-navigation .header-menu-container ul ul li.menu-item > a{ font-family:var(--tbtc-body-font)!important; font-size:14.5px!important; font-weight:400!important; letter-spacing:0!important; line-height:1.45!important; } @media(max-width:1024px){ .mobile-navigation ul li a{ font-family:var(--tbtc-body-font)!important; font-size:17px!important; font-weight:500!important; letter-spacing:0!important; } } body .tbtc-eyebrow, body .tbtc-about-eyebrow, body .tbtc-contact-eyebrow, body .tbtc-contact-form__eyebrow, body .tbtc-footer-kicker, body [class*="tbtc-"][class*="eyebrow"], body [class*="tbtc-"][class*="kicker"], body [class*="tbtc-"][class*="number"]{ font-family:var(--tbtc-body-font)!important; font-size:13px!important; font-weight:500!important; font-synthesis:none!important; letter-spacing:.085em!important; line-height:1.4!important; text-transform:uppercase!important; } body .tbtc-hp7-hero .tbtc-hp7-eyebrow{ margin-bottom:12px!important; font-size:13.5px!important; font-weight:500!important; letter-spacing:.08em!important; } body .tbtc-hp7-heading .tbtc-hp7-eyebrow{ margin-bottom:11px!important; font-size:13px!important; font-weight:500!important; letter-spacing:.085em!important; } body .tbtc-hp7-hero__lead{ font-family:var(--tbtc-body-font)!important; font-size:17px!important; font-weight:400!important; letter-spacing:-.012em!important; line-height:1.62!important; } body .tbtc-hp7-hero__minor{ margin-top:15px!important; font-family:var(--tbtc-body-font)!important; font-size:14.5px!important; font-weight:400!important; letter-spacing:-.008em!important; line-height:1.5!important; } body .tbtc-hp7-hero__minor a{ display:inline-block!important; margin-top:4px!important; font-family:var(--tbtc-body-font)!important; font-size:14.5px!important; font-weight:600!important; letter-spacing:-.006em!important; line-height:1.45!important; } body .tbtc-hp7-heading p:last-child{ font-family:var(--tbtc-body-font)!important; font-size:17px!important; font-weight:400!important; letter-spacing:-.012em!important; line-height:1.62!important; } body .tbtc-hp7-button{ font-family:var(--tbtc-body-font)!important; font-size:11.75px!important; font-weight:600!important; letter-spacing:.045em!important; line-height:1.25!important; } body .tbtc-hp7-confidence__item{ min-height:56px!important; font-family:var(--tbtc-body-font)!important; font-size:11.5px!important; font-weight:600!important; letter-spacing:.045em!important; line-height:1.35!important; } body [class^="tbtc-"] p, body [class*=" tbtc-"] p, body [class^="tbtc-"] li, body [class*=" tbtc-"] li{ font-family:var(--tbtc-body-font)!important; font-weight:400!important; letter-spacing:-.01em; } body .tbtc-cat-intro p{ font-family:var(--tbtc-body-font)!important; font-size:15.5px!important; font-weight:400!important; letter-spacing:-.009em!important; line-height:1.55!important; } body .tbtc-cat-intro__eyebrow{ font-family:var(--tbtc-body-font)!important; font-size:12.5px!important; font-weight:500!important; letter-spacing:.08em!important; } body .tbtc-cat-intro__button, body a[class*="tbtc-"][class*="button"], body a[class*="tbtc-"][class*="cta"]{ font-family:var(--tbtc-body-font)!important; font-weight:600!important; } body h1, body h2, body h3, body h4, body h5, body h6, body .site-branding .site-title, body .site-branding .site-title a, body .woocommerce-loop-product__title, body .woocommerce-loop-category__title{ font-family:var(--tbtc-display-font)!important; } @media(max-width:640px){ body .tbtc-hp7-hero .tbtc-hp7-eyebrow, body .tbtc-hp7-heading .tbtc-hp7-eyebrow, body [class*="tbtc-"][class*="eyebrow"]{ font-size:12.5px!important; } body .tbtc-hp7-hero__minor, body .tbtc-hp7-hero__minor a{ font-size:14px!important; } body .tbtc-hp7-heading p:last-child{ font-size:16px!important; } } body .tbtc-hp7-button{ font-size:12.25px!important; line-height:1.28!important; } body .tbtc-hp7-hero__minor, body .tbtc-hp7-hero__minor a{ font-size:15px!important; line-height:1.48!important; } body .tbtc-hp7-heading p:last-child{ font-size:17.5px!important; line-height:1.58!important; } body .tbtc-hp7-collection-card p{ min-height:54px!important; margin-bottom:18px!important; font-size:16px!important; line-height:1.52!important; } body .tbtc-hp7-collection-card .tbtc-hp7-link{ font-size:12.25px!important; line-height:1.35!important; } body [class*="tbtc-"][class*="-card"] p, body [class*="tbtc-"][class*="_card"] p{ font-size:15.5px!important; line-height:1.56!important; } body .tbtc-hp7-collection-card p{ font-size:16px!important; line-height:1.52!important; } body a[class*="tbtc-"][class*="button"]:not(.tbtc-hp7-confidence__item), body a[class*="tbtc-"][class*="btn"]:not(.tbtc-hp7-confidence__item), body a[class*="tbtc-"][class*="link"]:not(.tbtc-hp7-confidence__item){ font-size:12.25px!important; } body .tbtc-hp7-confidence__item{ font-size:11.5px!important; line-height:1.35!important; white-space:nowrap!important; } @media(max-width:640px){ body .tbtc-hp7-hero__minor, body .tbtc-hp7-hero__minor a{ font-size:14.5px!important; } body .tbtc-hp7-heading p:last-child{ font-size:16.5px!important; } body .tbtc-hp7-collection-card p{ min-height:0!important; font-size:15.5px!important; } body .tbtc-hp7-confidence__item{ white-space:normal!important; } } .tbtc-product-description { --tbtc-navy: #1f3044; --tbtc-ink: #151515; --tbtc-ivory: #f7f4ef; --tbtc-paper: #fffdfa; --tbtc-stone: #eee8df; --tbtc-brass: #8b6745; --tbtc-green: #30463a; --tbtc-border: rgba(31, 48, 68, 0.18); max-width: 1180px; margin: 0 auto; color: var(--tbtc-ink); font-family: Urbanist, Arial, sans-serif; font-size: 16px; line-height: 1.7; } .tbtc-product-description * { box-sizing: border-box; } .tbtc-product-description h2, .tbtc-product-description h3 { margin-top: 0; color: var(--tbtc-navy); font-family: Georgia, "Times New Roman", serif; line-height: 1.2; } .tbtc-product-description h2 { margin-bottom: 18px; font-size: clamp(26px, 3.2vw, 38px); } .tbtc-product-description h3 { margin-bottom: 10px; font-size: 21px; } .tbtc-product-description p { margin: 0 0 17px; } .tbtc-product-description ul { margin: 0; padding-left: 20px; } .tbtc-product-description li { margin-bottom: 7px; } .tbtc-product-intro { position: relative; overflow: hidden; margin: 0 0 30px; padding: clamp(28px, 5vw, 55px); border-top: 7px solid var(--tbtc-brass); background: var(--tbtc-navy); color: #fff; } .tbtc-product-intro::after { position: absolute; right: -70px; bottom: -100px; width: 270px; height: 270px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; content: ""; } .tbtc-product-kicker { position: relative; z-index: 1; margin-bottom: 15px; color: #dcc7b2; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } .tbtc-product-intro h2 { position: relative; z-index: 1; max-width: 800px; margin-bottom: 18px; color: #fff; } .tbtc-product-lead { position: relative; z-index: 1; max-width: 850px; margin-bottom: 0 !important; font-size: clamp(17px, 2vw, 21px); line-height: 1.6; } .tbtc-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 30px; } .tbtc-fact { min-height: 112px; padding: 20px; border: 1px solid var(--tbtc-border); background: var(--tbtc-paper); } .tbtc-fact-label { display: block; margin-bottom: 8px; color: var(--tbtc-brass); font-size: 12px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; } .tbtc-fact-value { display: block; color: var(--tbtc-navy); font-size: 17px; font-weight: 700; line-height: 1.35; } .tbtc-section { margin: 0 0 30px; padding: clamp(26px, 4vw, 42px); border: 1px solid var(--tbtc-border); background: #fff; } .tbtc-section--stone { background: var(--tbtc-ivory); } .tbtc-section--green { border-color: var(--tbtc-green); background: var(--tbtc-green); color: #fff; } .tbtc-section--green h2, .tbtc-section--green h3 { color: #fff; } .tbtc-section-heading { max-width: 820px; margin-bottom: 26px; } .tbtc-section-heading p:last-child { margin-bottom: 0; } .tbtc-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .tbtc-card-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tbtc-card { padding: 24px; border-top: 4px solid var(--tbtc-brass); background: var(--tbtc-paper); box-shadow: 0 8px 26px rgba(31, 48, 68, 0.06); } .tbtc-card-number { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 17px; border-radius: 50%; background: var(--tbtc-navy); color: #fff; font-size: 14px; font-weight: 800; } .tbtc-card p:last-child, .tbtc-card ul:last-child { margin-bottom: 0; } .tbtc-option-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .tbtc-option { padding: 18px 20px; border-left: 4px solid var(--tbtc-brass); background: #fff; } .tbtc-option strong { display: block; margin-bottom: 4px; color: var(--tbtc-navy); font-size: 16px; } .tbtc-fit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .tbtc-fit-card { padding: 24px; border: 1px solid rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.07); } .tbtc-fit-card h3 { margin-bottom: 9px; font-size: 23px; } .tbtc-fit-card p { margin-bottom: 0; } .tbtc-cta { margin: 0 0 30px; padding: clamp(28px, 5vw, 50px); border: 1px solid var(--tbtc-border); background: var(--tbtc-stone); text-align: center; } .tbtc-cta h2 { max-width: 700px; margin-right: auto; margin-left: auto; } .tbtc-cta p { max-width: 760px; margin-right: auto; margin-left: auto; } .tbtc-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 24px; } .tbtc-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border: 2px solid var(--tbtc-navy); background: var(--tbtc-navy); color: #fff !important; font-size: 14px; font-weight: 800; letter-spacing: 0.035em; text-decoration: none !important; } .tbtc-button:hover, .tbtc-button:focus { border-color: var(--tbtc-brass); background: var(--tbtc-brass); color: #fff !important; } .tbtc-button--outline { background: transparent; color: var(--tbtc-navy) !important; } .tbtc-button--outline:hover, .tbtc-button--outline:focus { color: #fff !important; } .tbtc-notice { margin: 0; padding: 24px 26px; border-left: 6px solid var(--tbtc-brass); background: var(--tbtc-ivory); } .tbtc-notice h3 { margin-bottom: 8px; } .tbtc-notice p:last-child { margin-bottom: 0; } @media (max-width: 820px) { .tbtc-facts, .tbtc-card-grid, .tbtc-card-grid--two, .tbtc-fit-grid { grid-template-columns: 1fr; } .tbtc-option-list { grid-template-columns: 1fr; } } @media (max-width: 520px) { .tbtc-product-description { font-size: 15.5px; } .tbtc-section, .tbtc-product-intro, .tbtc-cta { padding: 24px 20px; } .tbtc-buttons { display: grid; } .tbtc-button { width: 100%; } } .tbtc-cloth-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(240px, 0.55fr); gap: clamp(28px, 5vw, 56px); align-items: center; } .tbtc-cloth-copy p:last-child { margin-bottom: 0; } .tbtc-swatch-panel { margin: 0; padding: 12px; border: 1px solid var(--tbtc-border); background: var(--tbtc-paper); box-shadow: 0 12px 30px rgba(31, 48, 68, 0.08); } .tbtc-swatch-panel img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border: 0; } .tbtc-swatch-caption { padding: 13px 4px 2px; color: var(--tbtc-navy); font-size: 13px; font-weight: 700; line-height: 1.4; text-align: center; } @media (max-width: 760px) { .tbtc-cloth-layout { grid-template-columns: 1fr; } .tbtc-swatch-panel { width: min(100%, 420px); margin-right: auto; margin-left: auto; } } .tbtc-buttons--left{ justify-content:flex-start; } .tbtc-size-guides{ display:grid; gap:14px; margin-top:28px; } .tbtc-size-guide{ overflow:hidden; border:1px solid var(--tbtc-border); background:var(--tbtc-paper); } .tbtc-size-guide summary{ position:relative; display:block; padding:20px 58px 20px 22px; background:var(--tbtc-navy); color:#fff; cursor:pointer; font-family:var(--tbtc-display-font); font-size:21px; font-weight:400; letter-spacing:-.015em; line-height:1.25; list-style:none; } .tbtc-size-guide summary::-webkit-details-marker{ display:none; } .tbtc-size-guide summary::after{ position:absolute; top:50%; right:22px; width:30px; height:30px; border:1px solid rgba(255,255,255,.42); border-radius:50%; content:"+"; color:#fff; font-family:var(--tbtc-body-font); font-size:21px; font-weight:400; line-height:27px; text-align:center; transform:translateY(-50%); } .tbtc-size-guide[open] summary::after{ content:"−"; } .tbtc-size-guide summary:hover, .tbtc-size-guide summary:focus-visible{ background:#293e57; } .tbtc-size-guide summary:focus-visible{ outline:2px solid var(--tbtc-brass); outline-offset:-4px; } .tbtc-size-guide__content{ padding:24px; } .tbtc-size-guide__intro{ max-width:900px; margin-bottom:20px!important; color:#4f4f4f; } .tbtc-size-table-wrap{ width:100%; overflow-x:auto; border:1px solid var(--tbtc-border); background:#fff; -webkit-overflow-scrolling:touch; } .tbtc-size-table{ width:100%; min-width:700px; margin:0; border-collapse:collapse; background:#fff; font-size:14px; line-height:1.45; } .tbtc-size-table th, .tbtc-size-table td{ padding:12px 14px; border-right:1px solid #e7e0d7; border-bottom:1px solid #e7e0d7; text-align:left; white-space:nowrap; } .tbtc-size-table th:last-child, .tbtc-size-table td:last-child{ border-right:0; } .tbtc-size-table tbody tr:last-child td{ border-bottom:0; } .tbtc-size-table thead th{ background:var(--tbtc-navy); color:#fff; font-family:var(--tbtc-body-font); font-size:12px; font-weight:700; letter-spacing:.055em; text-transform:uppercase; } .tbtc-size-table tbody tr:nth-child(even){ background:#f8f5f0; } .tbtc-size-table tbody tr:hover{ background:#eee8df; } .tbtc-size-table td:first-child{ color:var(--tbtc-navy); font-weight:700; } .tbtc-size-note{ margin-top:18px; padding:18px 20px; border-left:4px solid var(--tbtc-brass); background:var(--tbtc-ivory); } .tbtc-size-note strong{ display:block; margin-bottom:5px; color:var(--tbtc-navy); font-family:var(--tbtc-display-font); font-size:18px; font-weight:400; } .tbtc-size-note p:last-child{ margin-bottom:0; } .tbtc-length-columns{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .tbtc-length-panel{ padding:22px; border-top:4px solid var(--tbtc-brass); background:var(--tbtc-ivory); } .tbtc-length-panel h3{ margin-bottom:10px; } .tbtc-length-list{ margin:16px 0 0!important; padding-left:20px!important; } .tbtc-length-list li{ margin-bottom:8px!important; } .tbtc-size-help{ margin-top:20px; padding:24px; border:1px solid var(--tbtc-border); background:#fff; } .tbtc-size-help h3{ margin-bottom:8px; } .tbtc-size-help p{ max-width:820px; } .tbtc-size-help .tbtc-button{ margin-top:4px; } @media(max-width:760px){ .tbtc-size-guide summary{ padding:18px 52px 18px 18px; font-size:19px; } .tbtc-size-guide summary::after{ right:16px; } .tbtc-size-guide__content{ padding:18px; } .tbtc-length-columns{ grid-template-columns:1fr; } .tbtc-size-table{ font-size:13.5px; } .tbtc-size-table th, .tbtc-size-table td{ padding:11px 12px; } } @media(max-width:520px){ .tbtc-size-guide summary{ font-size:18px; } .tbtc-size-help{ padding:20px; } }